import { FileText } from 'lucide-react'; import { useEffect, useState } from 'react'; import { Head, Link, useForm } from '@inertiajs/react'; import DecayPatternBadge from '@/Components/ContentIntelligence/DecayPatternBadge'; import FreshnessScoreCard from '@/Components/ContentIntelligence/FreshnessScoreCard'; import SiteNav from '@/Components/Navigation/SiteNav'; import { Badge } from '@/Components/ui/badge'; import { Button } from '@/Components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/Components/ui/dialog'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { LoadingButton } from '@/Components/ui/loading-button'; import { Textarea } from '@/Components/ui/textarea'; import DashboardLayout from '@/Layouts/DashboardLayout'; import { trackEvent } from '@/lib/analytics'; import { FRESHNESS_ANALYSIS_VIEWED } from '@/lib/event-catalog'; import { formatDateOnly, formatPercent } from '@/lib/format'; import type { FreshnessShowPageProps } from '@/types/freshness'; function actionLabel(type: string): string { switch (type) { case 'light_refresh': return 'Light Refresh'; case 'section_refresh': return 'Section Refresh'; case 'full_rewrite': return 'Full Rewrite'; case 'reposition_intent': return 'Reposition Intent'; default: return type; } } export default function FreshnessShow({ site, recommendation, decaySignal, decayRun, wpPost, }: FreshnessShowPageProps) { useEffect(() => { trackEvent(FRESHNESS_ANALYSIS_VIEWED, { site_id: String(site.id) }); }, [site.id]); const [isGenerateBriefModalOpen, setIsGenerateBriefModalOpen] = useState(false); const { data, setData, post, processing, reset, errors } = useForm({ target_keyword: recommendation.title || '', custom_instructions: '', source_type: 'FreshnessRecommendation', source_id: recommendation.id, }); const handleGenerateBrief = (e: React.FormEvent) => { e.preventDefault(); post(route('content-briefs.store', site.id), { onSuccess: () => { setIsGenerateBriefModalOpen(false); reset(); }, }); }; return ( <>

{recommendation.title}

{actionLabel(recommendation.action_type)}

{recommendation.page_url}

Reasoning

{recommendation.reasoning}

Impact: {recommendation.impact_score}/100
Confidence: {Math.round(recommendation.confidence_score * 100)}%
Urgency: {recommendation.urgency_score}/100
Effort: {recommendation.effort_score}/100
{decaySignal && (

Decay Pattern

Traffic History

Baseline (90-day avg)
{Math.round(decaySignal.baseline_90d_clicks)} clicks/day
Baseline (28-day avg)
{Math.round(decaySignal.baseline_28d_clicks)} clicks/day
Baseline (7-day avg)
{Math.round(decaySignal.baseline_7d_clicks)} clicks/day
Current
{Math.round(decaySignal.current_clicks)} clicks/day

Decay Analysis

Traffic Loss
{formatPercent(decaySignal.decay_magnitude / 100)}
Pattern Confidence
{Math.round(decaySignal.confidence_score * 100)}%
Freshness Score
{decaySignal.freshness_score.toFixed(1)}/100
{decaySignal.supporting_data && Object.keys(decaySignal.supporting_data).length > 0 && (

Supporting Evidence

{Object.entries(decaySignal.supporting_data).map(([key, value]) => (
{key}: {String(value)}
))}
)}
)} {wpPost && (

Content Details

Title
{wpPost.title}
{wpPost.wp_published_at && (
Published
{formatDateOnly(wpPost.wp_published_at)}
)} {wpPost.wp_modified_at && (
Last Modified
{formatDateOnly(wpPost.wp_modified_at)}
)} {wpPost.word_count != null && (
Word Count
{wpPost.word_count}
)}
)}

Analysis Period

Window Start
{decayRun.analysis_window_start}
Window End
{decayRun.analysis_window_end}
{decayRun.completed_at && (
Completed
{formatDateOnly(decayRun.completed_at)}
)}
{/* Generate Brief Modal */} Generate Content Brief Create a comprehensive content brief for this freshness recommendation using AI.
setData('target_keyword', e.target.value)} placeholder="Enter target keyword or topic" required className="mt-1" /> {errors.target_keyword && (

{errors.target_keyword}

)}