ivanch/recommender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small changes
All checks were successful
Recommender Build and Deploy (internal) / Build Recommender Image (push) Successful in 5m37s
Details
Recommender Build and Deploy (internal) / Deploy Recommender (internal) (push) Successful in 41s
Details

Browse Source
This commit is contained in:
Jose Henrique
2026-03-28 11:13:58 -03:00
parent 28204d29ab
commit 749ae42acb
3 changed files with 130 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
packages/frontend/src/pages/Recom.tsx
View File

@@ -31,6 +31,7 @@ export function Recom({ id }: RecomProps) {
const [stages, setStages] = useState<StageMap>(DEFAULT_STAGES);
const [sseUrl, setSseUrl] = useState<string | null>(null);
const [showModal, setShowModal] = useState(false);
const [infoExpanded, setInfoExpanded] = useState(true);
useEffect(() => {
setRec(null);
@@ -114,6 +115,55 @@ export function Recom({ id }: RecomProps) {
<main class="main-content">
<div class="recom-content">
{rec && (
<div class="content-area">
<div class="rec-info-panel">
<button class="rec-info-toggle" onClick={() => setInfoExpanded((e) => !e)}>
<span class="rec-info-title">{rec.title}</span>
<span class="rec-info-chevron">{infoExpanded ? '▲' : '▼'}</span>
</button>
{infoExpanded && (
<div class="rec-info-body">
{rec.main_prompt && (
<div class="rec-info-row">
<span class="rec-info-label">Description</span>
<span class="rec-info-value">{rec.main_prompt}</span>
</div>
)}
{rec.liked_shows && (
<div class="rec-info-row">
<span class="rec-info-label">Liked</span>
<span class="rec-info-value">{rec.liked_shows}</span>
</div>
)}
{rec.disliked_shows && (
<div class="rec-info-row">
<span class="rec-info-label">Disliked</span>
<span class="rec-info-value">{rec.disliked_shows}</span>
</div>
)}
{rec.themes && (
<div class="rec-info-row">
<span class="rec-info-label">Themes</span>
<span class="rec-info-value">{rec.themes}</span>
</div>
)}
<div class="rec-info-row">
<span class="rec-info-label">Media</span>
<span class="rec-info-value">{rec.media_type === 'tv_show' ? 'TV Shows' : 'Movies'}</span>
</div>
{rec.use_web_search && (
<div class="rec-info-row">
<span class="rec-info-label">Web Search</span>
<span class="rec-info-badge">enabled</span>
</div>
)}
</div>
)}
</div>
</div>
)}
{isRunning && (
<div class="content-area">
<PipelineProgress stages={stages} />
@@ -122,7 +172,6 @@ export function Recom({ id }: RecomProps) {
{!isRunning && rec?.status === 'done' && rec.recommendations && (
<div class="content-area">
<h2 class="rec-title">{rec.title}</h2>
<div class="cards-grid">
{rec.recommendations.map((show) => (
<RecommendationCard