{agent.description}
++ Could not locate listing ID: {id} +
+ + ← Back to Marketplace + +Loading...
- if (!agent) returnAgent not found. Back to agents
+ // Handle review submit + const handleReviewSubmit = async (e: React.FormEvent) => { + e.preventDefault() + if (!reviewComment.trim()) return + setSubmittingReview(true) + try { + const newReview = await addReview(agent.id, { + rating: reviewRating, + review: reviewComment.trim(), + user: reviewName.trim() || 'Anonymous Developer' + }) + + // Update reviews list and recalculate average + const updatedReviews = [newReview, ...reviews] + setReviews(updatedReviews) + + const sum = updatedReviews.reduce((acc, r) => acc + r.rating, 0) + const avg = sum / updatedReviews.length + setAgent({ + ...agent, + rating: avg + }) + + // Reset form + setReviewName('') + setReviewRating(5) + setReviewComment('') + } catch (err) { + alert('Could not submit review') + } finally { + setSubmittingReview(false) + } + } + + // Reviews distribution analytics calculations + const totalReviews = reviews.length + const distribution = [0, 0, 0, 0, 0] // 5, 4, 3, 2, 1 + reviews.forEach((r) => { + const starIdx = 5 - Math.round(r.rating) + if (starIdx >= 0 && starIdx < 5) { + distribution[starIdx]++ + } + }) return ( -{String(agent.description)}
- -+ {agent.description} +
+
- {JSON.stringify(runResult, null, 2)}
-
+ {/* Main Two-Column Layout */}
+
+ {JSON.stringify(agent.inputs, null, 2)}
+
+ )}
+
+ {JSON.stringify(agent.outputs, null, 2)}
+
+ )}
+
+ {JSON.stringify(runTrace.final_output, null, 2)}
+
+