diff --git a/web/src/components/dashboard/TrackSpotlightSection.tsx b/web/src/components/dashboard/TrackSpotlightSection.tsx
new file mode 100644
index 00000000..7d0983ce
--- /dev/null
+++ b/web/src/components/dashboard/TrackSpotlightSection.tsx
@@ -0,0 +1,92 @@
+"use client"
+
+import { useCallback, useState } from "react"
+
+import { TrackSpotlight } from "./TrackSpotlight"
+import type { AnchorPreviewItem, ResearchTrackSummary, TrackFeedItem } from "@/lib/types"
+
+interface TrackSpotlightSectionProps {
+ initialTracks: ResearchTrackSummary[]
+ initialActiveTrack: ResearchTrackSummary | null
+ initialFeedItems: TrackFeedItem[]
+ initialFeedTotal: number
+ initialAnchors: AnchorPreviewItem[]
+ userId?: string
+}
+
+export function TrackSpotlightSection({
+ initialTracks,
+ initialActiveTrack,
+ initialFeedItems,
+ initialFeedTotal,
+ initialAnchors,
+ userId = "default",
+}: TrackSpotlightSectionProps) {
+ const [tracks] = useState(initialTracks)
+ const [activeTrack, setActiveTrack] = useState(initialActiveTrack)
+ const [feedItems, setFeedItems] = useState(initialFeedItems)
+ const [feedTotal, setFeedTotal] = useState(initialFeedTotal)
+ const [anchors, setAnchors] = useState(initialAnchors)
+ const [isLoading, setIsLoading] = useState(false)
+
+ const handleSelectTrack = useCallback(
+ async (trackId: number) => {
+ const selectedTrack = tracks.find((t) => t.id === trackId)
+ if (!selectedTrack || selectedTrack.id === activeTrack?.id) return
+
+ setIsLoading(true)
+ setActiveTrack(selectedTrack)
+
+ try {
+ // Fetch feed and anchors for the new track
+ const [feedRes, anchorsRes] = await Promise.all([
+ fetch(`/api/research/tracks/${trackId}/feed?user_id=${encodeURIComponent(userId)}&limit=6`),
+ fetch(`/api/research/tracks/${trackId}/anchors/discover?user_id=${encodeURIComponent(userId)}&limit=4`),
+ ])
+
+ if (feedRes.ok) {
+ const feedData = await feedRes.json()
+ setFeedItems(feedData.items || [])
+ setFeedTotal(feedData.total || 0)
+ } else {
+ setFeedItems([])
+ setFeedTotal(0)
+ }
+
+ if (anchorsRes.ok) {
+ const anchorsData = await anchorsRes.json()
+ setAnchors(anchorsData.items || [])
+ } else {
+ setAnchors([])
+ }
+
+ // Optionally activate the track on the backend
+ await fetch(`/api/research/tracks/${trackId}/activate?user_id=${encodeURIComponent(userId)}`, {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: "{}",
+ })
+ } catch (error) {
+ console.error("Failed to fetch track data:", error)
+ setFeedItems([])
+ setFeedTotal(0)
+ setAnchors([])
+ } finally {
+ setIsLoading(false)
+ }
+ },
+ [tracks, activeTrack?.id, userId]
+ )
+
+ return (
+
+ )
+}
diff --git a/web/src/components/research/ResearchPageNew.tsx b/web/src/components/research/ResearchPageNew.tsx
index fc0bfb25..888c9dc2 100644
--- a/web/src/components/research/ResearchPageNew.tsx
+++ b/web/src/components/research/ResearchPageNew.tsx
@@ -14,14 +14,17 @@ import {
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog"
+import {
+ Sheet,
+ SheetContent,
+ SheetHeader,
+ SheetTitle,
+} from "@/components/ui/sheet"
import { Button } from "@/components/ui/button"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { SearchBox } from "./SearchBox"
import { TrackPills } from "./TrackPills"
import { SearchResults } from "./SearchResults"
-import { FeedTab } from "./FeedTab"
-import { SavedTab } from "./SavedTab"
import { MemoryTab } from "./MemoryTab"
import { CreateTrackModal } from "./CreateTrackModal"
import { EditTrackModal } from "./EditTrackModal"
@@ -29,34 +32,6 @@ import { ManageTracksModal } from "./ManageTracksModal"
import type { Track } from "./TrackSelector"
import type { Paper } from "./PaperCard"
-type AnchorAuthor = {
- author_id: number
- author_ref?: string
- name: string
- slug: string
- anchor_score: number
- anchor_level: string
- intrinsic_score: number
- relevance_score: number
- score_breakdown?: {
- intrinsic: number
- relevance: number
- network: number
- personalization: number
- total: number
- }
- user_action?: "follow" | "ignore" | null
- evidence_status?: "ok" | "missing"
- evidence_note?: string | null
- evidence_papers: Array<{
- paper_id: number
- title: string
- year?: number | null
- url?: string | null
- citation_count?: number
- }>
-}
-
type ContextPack = {
context_run_id?: number | null
routing: {
@@ -95,18 +70,20 @@ export default function ResearchPageNew() {
const [tracks, setTracks] = useState
([])
const [activeTrackId, setActiveTrackId] = useState(null)
+ // All available sources
+ const ALL_SOURCES = ["semantic_scholar", "arxiv", "openalex", "papers_cool", "hf_daily"]
+
// Search state
const [query, setQuery] = useState("")
const [hasSearched, setHasSearched] = useState(false)
const [isSearching, setIsSearching] = useState(false)
const [contextPack, setContextPack] = useState(null)
- const [activeTab, setActiveTab] = useState("search")
- const [searchSources, setSearchSources] = useState(["semantic_scholar"])
+ const [searchSources, setSearchSources] = useState(ALL_SOURCES)
+
+ // Memory drawer state
+ const [memoryOpen, setMemoryOpen] = useState(false)
- // Anchor state
- const [anchors, setAnchors] = useState([])
- const [anchorsLoading, setAnchorsLoading] = useState(false)
- const [anchorsError, setAnchorsError] = useState(null)
+ // Anchor mode state (used for search filtering)
const [anchorPersonalized, setAnchorPersonalized] = useState(true)
// UI state
@@ -145,41 +122,6 @@ export default function ResearchPageNew() {
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [routeTrackId, tracks, activeTrackId])
- useEffect(() => {
- if (!activeTrackId) {
- setAnchors([])
- setAnchorsError(null)
- setAnchorsLoading(false)
- return
- }
-
- let cancelled = false
- setAnchorsLoading(true)
- setAnchorsError(null)
-
- fetchJson<{ items: AnchorAuthor[] }>(
- `/api/research/tracks/${activeTrackId}/anchors/discover?user_id=${encodeURIComponent(userId)}&limit=5&window_days=730&personalized=${anchorPersonalized ? "true" : "false"}`
- )
- .then((data) => {
- if (cancelled) return
- setAnchors(data.items || [])
- })
- .catch((e) => {
- if (cancelled) return
- setAnchors([])
- setAnchorsError(String(e))
- })
- .finally(() => {
- if (!cancelled) {
- setAnchorsLoading(false)
- }
- })
-
- return () => {
- cancelled = true
- }
- }, [activeTrackId, userId, anchorPersonalized])
-
async function refreshTracks(): Promise {
const data = await fetchJson<{ tracks: Track[] }>(
`/api/research/tracks?user_id=${encodeURIComponent(userId)}`
@@ -239,7 +181,6 @@ export default function ResearchPageNew() {
)
setContextPack(data.context_pack)
- setActiveTab("search")
} catch (e) {
setError(String(e))
} finally {
@@ -252,12 +193,26 @@ export default function ResearchPageNew() {
const exists = prev.includes(source)
if (exists) {
const next = prev.filter((x) => x !== source)
- return next.length ? next : ["semantic_scholar"]
+ // Keep at least one source selected
+ return next.length ? next : prev
}
return [...prev, source]
})
}
+ // Auto-refresh search when sources change (after initial search)
+ useEffect(() => {
+ if (!hasSearched || !query.trim() || isSearching) return
+
+ // Debounce to avoid rapid re-fetching
+ const timer = setTimeout(() => {
+ handleSearch()
+ }, 300)
+
+ return () => clearTimeout(timer)
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [searchSources])
+
async function handleCreateTrack(data: {
name: string
description: string
@@ -375,31 +330,6 @@ export default function ResearchPageNew() {
}
}
- async function handleAnchorAction(authorId: number, action: "follow" | "ignore"): Promise {
- if (!activeTrackId) return
-
- try {
- await fetchJson(`/api/research/tracks/${activeTrackId}/anchors/${authorId}/action`, {
- method: "POST",
- body: JSON.stringify({ user_id: userId, action }),
- headers: { "Content-Type": "application/json" },
- })
-
- setAnchors((prev) =>
- prev.map((row) =>
- row.author_id === authorId
- ? {
- ...row,
- user_action: action,
- }
- : row
- )
- )
- } catch (e) {
- setError(String(e))
- }
- }
-
async function handleFeedback(
paperId: string,
action: string,
@@ -440,7 +370,13 @@ export default function ResearchPageNew() {
const trackToClearName = tracks.find((t) => t.id === trackToClear)?.name || "this track"
return (
-
+
{/* Confirm Clear Memory Dialog */}
{error}
: null}
@@ -274,6 +425,13 @@ export default function SavedPapersList() {
+
+
+
Title
Source
Saved
@@ -293,7 +451,14 @@ export default function SavedPapersList() {
const rowUpdating = togglingRead || unsaving
return (
-
+
+ toggleSelect(paper.id)}
+ aria-label={`Select ${paper.title}`}
+ />
+
+
{paper.title}
{(paper.authors || []).slice(0, 4).join(", ") || "Unknown authors"}
@@ -345,8 +510,8 @@ export default function SavedPapersList() {
- Showing {(Math.min(page, totalPages) - 1) * pageSize + 1} -{" "}
- {Math.min(Math.min(page, totalPages) * pageSize, items.length)} of {items.length}
+ Showing {(Math.min(page, totalPages) - 1) * PAGE_SIZE + 1} -{" "}
+ {Math.min(Math.min(page, totalPages) * PAGE_SIZE, items.length)} of {items.length}
)}
+
+ {/* Related Work Dialog */}
+
)
}
diff --git a/web/src/components/research/SearchBox.tsx b/web/src/components/research/SearchBox.tsx
index 46e734aa..7275a368 100644
--- a/web/src/components/research/SearchBox.tsx
+++ b/web/src/components/research/SearchBox.tsx
@@ -1,7 +1,7 @@
"use client"
import { KeyboardEvent, useRef } from "react"
-import { Loader2, Search } from "lucide-react"
+import { Brain, Loader2, Search } from "lucide-react"
import { cn } from "@/lib/utils"
import { Button } from "@/components/ui/button"
@@ -22,6 +22,9 @@ interface SearchBoxProps {
disabled?: boolean
placeholder?: string
className?: string
+ anchorMode?: "personalized" | "global"
+ onAnchorModeChange?: (mode: "personalized" | "global") => void
+ onOpenMemory?: () => void
}
export function SearchBox({
@@ -37,6 +40,9 @@ export function SearchBox({
disabled = false,
placeholder = "Search for papers on RAG, transformers, security...",
className,
+ anchorMode = "personalized",
+ onAnchorModeChange,
+ onOpenMemory,
}: SearchBoxProps) {
const textareaRef = useRef
(null)
@@ -65,8 +71,9 @@ export function SearchBox({
>
@@ -79,18 +86,42 @@ export function SearchBox({
placeholder={placeholder}
disabled={disabled || isSearching}
className={cn(
- "min-h-[70px] sm:min-h-[80px] max-h-[200px] resize-none border-0 bg-transparent",
- "px-4 sm:px-5 pt-4 sm:pt-5 pb-14",
- "text-base sm:text-lg placeholder:text-muted-foreground/60",
+ "min-h-[56px] max-h-[200px] resize-none border-0 bg-transparent",
+ "px-5 sm:px-6 pt-4 pb-[56px]",
+ "text-base placeholder:text-muted-foreground/50",
"focus-visible:ring-0 focus-visible:ring-offset-0"
)}
rows={1}
/>
{/* Bottom Toolbar */}
-
- {/* Right side - Track selector and Search button */}
+
+ {/* Left side - Anchor mode toggle */}
+
+
+
+
+ {/* Right side - Memory, Track selector and Search button */}
+
+