[V0_FILE]sql:file="scripts/01-create-tables.sql" isMerged="true" -- Create tables for the Command Center dashboard -- Knowledge Repository table CREATE TABLE IF NOT EXISTS knowledge_items ( id SERIAL PRIMARY KEY, title VARCHAR(255) NOT NULL, content TEXT, category VARCHAR(100), tags TEXT[], file_type VARCHAR(50), upload_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- News Feed table CREATE TABLE IF NOT EXISTS news_items ( id SERIAL PRIMARY KEY, title VARCHAR(255) NOT NULL, content TEXT, source VARCHAR(100), priority VARCHAR(20) DEFAULT 'FYI', -- 'Urgent', 'Relevant', 'FYI' tags TEXT[], published_date TIMESTAMP, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- Stakeholders table CREATE TABLE IF NOT EXISTS stakeholders ( id SERIAL PRIMARY KEY, name VARCHAR(255) NOT NULL, title VARCHAR(255), organization VARCHAR(255), category VARCHAR(100), -- 'Scientists', 'Authors', 'Journalists', 'NGOs' recent_statement TEXT, contact_info JSONB, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); -- AI Generated Content table (to store generated content for reference) CREATE TABLE IF NOT EXISTS ai_content ( id SERIAL PRIMARY KEY, content_type VARCHAR(50), -- 'press_release', 'opinion_piece', 'speech' title VARCHAR(255), content TEXT, prompt TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); [V0_FILE]sql:file="scripts/02-seed-data.sql" isMerged="true" -- Seed data for the Command Center dashboard -- Insert sample knowledge items INSERT INTO knowledge_items (title, content, category, tags) VALUES ('Tobacco Control in Canada – 2023 Report', 'Comprehensive analysis of tobacco control measures implemented across Canada in 2023, including regulatory changes and public health outcomes.', 'Research Reports', ARRAY['tobacco', 'canada', '2023', 'public health']), ('Press Release: New Tobacco Regulations Announced', 'Government announces new regulations targeting tobacco advertising and youth access prevention.', 'Press Releases', ARRAY['tobacco', 'regulations', 'youth', 'advertising']), ('Op-Ed: The Future of Public Health Policy', 'Opinion piece discussing the evolution of public health policy in the digital age and its implications for tobacco control.', 'Opinion Pieces', ARRAY['public health', 'policy', 'future', 'digital']); -- Insert sample news items INSERT INTO news_items (title, content, source, priority, tags, published_date) VALUES ('WHO Releases New Guidelines on Tobacco Advertising', 'The World Health Organization has published updated guidelines restricting tobacco advertising across digital platforms.', 'WHO', 'Urgent', ARRAY['WHO', 'tobacco', 'advertising', 'guidelines'], CURRENT_TIMESTAMP - INTERVAL '2 hours'), ('Study Finds Decline in Teen Smoking Rates', 'New research indicates a significant decrease in smoking rates among teenagers across North America.', 'Health Research Journal', 'Relevant', ARRAY['teens', 'smoking', 'research', 'decline'], CURRENT_TIMESTAMP - INTERVAL '1 day'), ('Parliament Debates Tobacco Tax Increases', 'Parliamentary session discusses proposed increases to tobacco taxation as part of public health initiative.', 'Parliamentary News', 'FYI', ARRAY['parliament', 'tax', 'tobacco', 'debate'], CURRENT_TIMESTAMP - INTERVAL '3 days'); -- Insert sample stakeholders INSERT INTO stakeholders (name, title, organization, category, recent_statement) VALUES ('Dr. Jane Smith', 'Professor of Public Health', 'University of Toronto', 'Scientists', 'Nicotine alternatives must be regulated like tobacco to ensure public safety.'), ('John Doe', 'Health Policy Reporter', 'The Globe and Mail', 'Journalists', 'Canada''s tobacco policy is falling behind international standards.'), ('Sarah Johnson', 'Executive Director', 'Canadian Health Coalition', 'NGOs', 'We need stronger enforcement of existing tobacco regulations.'), ('Dr. Michael Chen', 'Research Director', 'Tobacco Research Institute', 'Scientists', 'Evidence shows harm reduction approaches can complement traditional cessation methods.'); [V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* Updated color tokens to match professional government dashboard design */ --background: oklch(0.97 0.005 240); /* Light gray background */ --foreground: oklch(0.15 0.01 240); /* Dark gray text */ --card: oklch(1 0 0); /* Pure white cards */ --card-foreground: oklch(0.25 0.01 240); /* Darker gray card text */ --popover: oklch(1 0 0); /* White popovers */ --popover-foreground: oklch(0.15 0.01 240); /* Dark gray popover text */ --primary: oklch(0.6 0.15 270); /* Professional purple accent */ --primary-foreground: oklch(1 0 0); /* White text on primary */ --secondary: oklch(0.45 0.01 240); /* Medium gray secondary */ --secondary-foreground: oklch(1 0 0); /* White text on secondary */ --muted: oklch(0.97 0.005 240); /* Light gray muted */ --muted-foreground: oklch(0.45 0.01 240); /* Medium gray muted text */ --accent: oklch(0.6 0.15 270); /* Purple accent */ --accent-foreground: oklch(1 0 0); /* White text on accent */ --destructive: oklch(0.55 0.2 25); /* Red for destructive actions */ --destructive-foreground: oklch(1 0 0); /* White text on destructive */ --border: oklch(0.9 0.005 240); /* Light gray borders */ --input: oklch(1 0 0); /* White input fields */ --ring: oklch(0.6 0.15 270); /* Purple focus ring */ --chart-1: oklch(0.5 0.2 250); /* Chart colors */ --chart-2: oklch(0.6 0.15 270); --chart-3: oklch(0.65 0.2 60); --chart-4: oklch(0.55 0.2 25); --chart-5: oklch(0.6 0.2 140); --radius: 0.5rem; /* Soft rounding */ --sidebar: oklch(1 0 0); /* White sidebar */ --sidebar-foreground: oklch(0.15 0.01 240); /* Dark sidebar text */ --sidebar-primary: oklch(0.45 0.01 240); /* Gray sidebar primary */ --sidebar-primary-foreground: oklch(1 0 0); /* White text on sidebar primary */ --sidebar-accent: oklch(0.6 0.15 270); /* Purple sidebar accent */ --sidebar-accent-foreground: oklch(1 0 0); /* White text on sidebar accent */ --sidebar-border: oklch(0.9 0.005 240); /* Light gray sidebar border */ --sidebar-ring: oklch(0.6 0.15 270); /* Purple sidebar focus ring */ } .dark { --background: oklch(0.15 0.01 240); --foreground: oklch(0.98 0.005 240); --card: oklch(0.15 0.01 240); --card-foreground: oklch(0.98 0.005 240); --popover: oklch(0.15 0.01 240); --popover-foreground: oklch(0.98 0.005 240); --primary: oklch(0.98 0.005 240); --primary-foreground: oklch(0.2 0.01 240); --secondary: oklch(0.25 0.01 240); --secondary-foreground: oklch(0.98 0.005 240); --muted: oklch(0.25 0.01 240); --muted-foreground: oklch(0.7 0.01 240); --accent: oklch(0.25 0.01 240); --accent-foreground: oklch(0.98 0.005 240); --destructive: oklch(0.4 0.15 25); --destructive-foreground: oklch(0.65 0.25 25); --border: oklch(0.25 0.01 240); --input: oklch(0.25 0.01 240); --ring: oklch(0.45 0.01 240); --chart-1: oklch(0.5 0.25 265); --chart-2: oklch(0.7 0.17 165); --chart-3: oklch(0.77 0.19 70); --chart-4: oklch(0.63 0.27 305); --chart-5: oklch(0.65 0.25 15); --sidebar: oklch(0.2 0.01 240); --sidebar-foreground: oklch(0.98 0.005 240); --sidebar-primary: oklch(0.5 0.25 265); --sidebar-primary-foreground: oklch(0.98 0.005 240); --sidebar-accent: oklch(0.25 0.01 240); --sidebar-accent-foreground: oklch(0.98 0.005 240); --sidebar-border: oklch(0.25 0.01 240); --sidebar-ring: oklch(0.45 0.01 240); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import { CommandCenter } from "@/components/command-center" export default function Home() { return (

) } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/ai-assistant.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { ScrollArea } from "@/components/ui/scroll-area" import { Separator } from "@/components/ui/separator" import { MessageSquare, Send, FileText, Mic, Copy, Download, Sparkles, User, Bot } from "lucide-react" interface ChatMessage { id: string role: "user" | "assistant" content: string timestamp: Date contentType?: "press_release" | "opinion_piece" | "speech" | "general" } interface GeneratedContent { id: string type: "press_release" | "opinion_piece" | "speech" title: string content: string prompt: string createdAt: Date } const mockGeneratedContent: GeneratedContent[] = [ { id: "1", type: "press_release", title: "New Tobacco Harm Reduction Guidelines", content: "FOR IMMEDIATE RELEASE\n\nGovernment Announces Comprehensive Tobacco Harm Reduction Guidelines\n\nOTTAWA - Today, the Government of Canada announced new evidence-based guidelines for tobacco harm reduction, marking a significant step forward in public health policy...", prompt: "Write a press release about new tobacco harm reduction guidelines", createdAt: new Date(Date.now() - 2 * 60 * 60 * 1000), }, { id: "2", type: "speech", title: "Health Summit Keynote on Youth Prevention", content: "Distinguished colleagues, health advocates, and fellow Canadians,\n\nToday, we gather to address one of the most pressing public health challenges of our time: protecting our youth from the harms of tobacco...", prompt: "Write a speech on tobacco harm reduction for a health summit", createdAt: new Date(Date.now() - 24 * 60 * 60 * 1000), }, { id: "3", type: "opinion_piece", title: "The Path Forward: Evidence-Based Tobacco Policy", content: "As we stand at a crossroads in public health policy, the evidence is clear: a balanced approach to tobacco control that includes harm reduction strategies offers the greatest promise for protecting public health...", prompt: "Write an opinion piece on evidence-based tobacco policy", createdAt: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000), }, ] export function AIAssistant() { const [messages, setMessages] = useState([ { id: "1", role: "assistant", content: "Hello! I'm your AI assistant for content creation. I can help you generate press releases, opinion pieces, speeches, and answer questions using your knowledge repository. What would you like to work on today?", timestamp: new Date(), contentType: "general", }, ]) const [inputMessage, setInputMessage] = useState("") const [isGenerating, setIsGenerating] = useState(false) const [selectedContent, setSelectedContent] = useState(null) const handleSendMessage = async () => { if (!inputMessage.trim()) return const userMessage: ChatMessage = { id: Date.now().toString(), role: "user", content: inputMessage, timestamp: new Date(), } setMessages((prev) => [...prev, userMessage]) setInputMessage("") setIsGenerating(true) // Simulate AI response setTimeout(() => { const assistantMessage: ChatMessage = { id: (Date.now() + 1).toString(), role: "assistant", content: "I understand you'd like me to help with that. Based on your knowledge repository, I can create content that aligns with your organization's messaging and policy positions. Would you like me to generate a specific type of content, or would you prefer to discuss the topic further first?", timestamp: new Date(), } setMessages((prev) => [...prev, assistantMessage]) setIsGenerating(false) }, 1500) } const handleQuickGenerate = (type: "press_release" | "opinion_piece" | "speech") => { const prompts = { press_release: "Generate a press release about recent tobacco policy developments", opinion_piece: "Write an opinion piece on the future of public health policy", speech: "Create a speech for a health policy conference", } const userMessage: ChatMessage = { id: Date.now().toString(), role: "user", content: prompts[type], timestamp: new Date(), } setMessages((prev) => [...prev, userMessage]) setIsGenerating(true) // Simulate content generation setTimeout(() => { const assistantMessage: ChatMessage = { id: (Date.now() + 1).toString(), role: "assistant", content: `I've generated a ${type.replace("_", " ")} for you based on your knowledge repository. The content incorporates recent policy developments and aligns with your organization's messaging framework. You can find the full content in your generated content library.`, timestamp: new Date(), contentType: type, } setMessages((prev) => [...prev, assistantMessage]) setIsGenerating(false) }, 2000) } const formatTimestamp = (date: Date) => { return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) } return (

AI Assistant for Content Creation

Generate professional content using your knowledge repository

{/* Chat Interface */}

AI Chat Assistant Ask questions, request content generation, or get help with policy messaging {/* Messages */}

{messages.map((message) => (

{message.role === "user" ? : }

{message.content}

{formatTimestamp(message.timestamp)}

))} {isGenerating && (

Generating response...

)}

{/* Input Area */}

setInputMessage(e.target.value)} onKeyPress={(e) => e.key === "Enter" && handleSendMessage()} disabled={isGenerating} />

{/* Generated Content Library */}

Generated Content Library Your recently generated content {mockGeneratedContent.map((content) => (

setSelectedContent(content)} >

{content.type.replace("_", " ")}

{content.createdAt.toLocaleDateString()}

{content.title}

{content.content.substring(0, 100)}...

))} {/* Content Preview */} {selectedContent && (

{selectedContent.type.replace("_", " ")}

{selectedContent.title} Generated {selectedContent.createdAt.toLocaleDateString()}

{selectedContent.content}

Original Prompt:

"{selectedContent.prompt}"

)}

) } [V0_FILE]typescriptreact:file="components/news-feed.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Search, Filter, ExternalLink, Clock, AlertTriangle, Info, Eye, Bookmark, Share } from "lucide-react" interface NewsItem { id: number title: string content: string source: string priority: "Urgent" | "Relevant" | "FYI" tags: string[] publishedDate: Date url?: string isBookmarked?: boolean } const mockNewsItems: NewsItem[] = [ { id: 1, title: "WHO Releases New Guidelines on Tobacco Advertising", content: "The World Health Organization has published updated guidelines restricting tobacco advertising across digital platforms. The new framework addresses emerging challenges in social media marketing and influencer partnerships, providing member countries with comprehensive tools to combat modern tobacco promotion strategies.", source: "WHO", priority: "Urgent", tags: ["WHO", "tobacco", "advertising", "guidelines", "digital"], publishedDate: new Date(Date.now() - 2 * 60 * 60 * 1000), url: "https://who.int/news/tobacco-guidelines-2024", isBookmarked: true, }, { id: 2, title: "Study Finds Decline in Teen Smoking Rates", content: "New research indicates a significant decrease in smoking rates among teenagers across North America. The longitudinal study, conducted over five years, shows a 23% reduction in teen smoking initiation, attributed to comprehensive prevention programs and stricter enforcement of age verification laws.", source: "Health Research Journal", priority: "Relevant", tags: ["teens", "smoking", "research", "decline", "prevention"], publishedDate: new Date(Date.now() - 24 * 60 * 60 * 1000), url: "https://healthresearch.org/teen-smoking-decline-2024", }, { id: 3, title: "Parliament Debates Tobacco Tax Increases", content: "Parliamentary session discusses proposed increases to tobacco taxation as part of public health initiative. The debate centers on balancing revenue generation with public health objectives, with opposition parties raising concerns about economic impact on retailers.", source: "Parliamentary News", priority: "FYI", tags: ["parliament", "tax", "tobacco", "debate", "policy"], publishedDate: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000), url: "https://parliament.ca/debates/tobacco-tax-2024", }, { id: 4, title: "EU Announces Stricter E-cigarette Regulations", content: "European Union member states have agreed on new regulations for e-cigarette products, including mandatory health warnings and restrictions on flavoring. The regulations will take effect in 2025 and are expected to influence global regulatory approaches.", source: "EU Health Commission", priority: "Relevant", tags: ["EU", "e-cigarettes", "regulations", "health warnings", "flavoring"], publishedDate: new Date(Date.now() - 4 * 24 * 60 * 60 * 1000), url: "https://ec.europa.eu/health/tobacco/e-cigarette-regulations", }, { id: 5, title: "Public Health Coalition Calls for Stronger Enforcement", content: "A coalition of public health organizations has issued a joint statement calling for stronger enforcement of existing tobacco control measures. The coalition emphasizes the need for increased funding for compliance monitoring and penalties for violations.", source: "Public Health Coalition", priority: "Relevant", tags: ["public health", "coalition", "enforcement", "compliance", "funding"], publishedDate: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000), isBookmarked: true, }, { id: 6, title: "Industry Report: Tobacco Sales Continue Downward Trend", content: "Latest industry data shows continued decline in traditional tobacco product sales across major markets. The report attributes the trend to successful public health campaigns, increased taxation, and growing awareness of health risks.", source: "Tobacco Industry Monitor", priority: "FYI", tags: ["industry", "sales", "decline", "market trends", "data"], publishedDate: new Date(Date.now() - 6 * 24 * 60 * 60 * 1000), }, { id: 7, title: "BREAKING: New Study Links Vaping to Respiratory Issues", content: "A major longitudinal study published in the New England Journal of Medicine has found significant correlations between long-term vaping use and respiratory complications. The study followed 10,000 participants over three years and is expected to influence regulatory discussions worldwide.", source: "New England Journal of Medicine", priority: "Urgent", tags: ["breaking", "vaping", "respiratory", "study", "health risks"], publishedDate: new Date(Date.now() - 6 * 60 * 60 * 1000), url: "https://nejm.org/vaping-respiratory-study-2024", }, ] export function NewsFeed() { const [searchQuery, setSearchQuery] = useState("") const [selectedPriority, setSelectedPriority] = useState("all") const [selectedSource, setSelectedSource] = useState("all") const [selectedItem, setSelectedItem] = useState(null) const [bookmarkedItems, setBookmarkedItems] = useState([1, 5]) const priorities = ["all", "Urgent", "Relevant", "FYI"] const sources = ["all", ...Array.from(new Set(mockNewsItems.map((item) => item.source)))] const filteredItems = mockNewsItems.filter((item) => { const matchesSearch = item.title.toLowerCase().includes(searchQuery.toLowerCase()) || item.content.toLowerCase().includes(searchQuery.toLowerCase()) || item.tags.some((tag) => tag.toLowerCase().includes(searchQuery.toLowerCase())) const matchesPriority = selectedPriority === "all" || item.priority === selectedPriority const matchesSource = selectedSource === "all" || item.source === selectedSource return matchesSearch && matchesPriority && matchesSource }) const toggleBookmark = (itemId: number) => { setBookmarkedItems((prev) => (prev.includes(itemId) ? prev.filter((id) => id !== itemId) : [...prev, itemId])) } const getPriorityIcon = (priority: string) => { switch (priority) { case "Urgent": return case "Relevant": return default: return } } const getPriorityVariant = (priority: string) => { switch (priority) { case "Urgent": return "destructive" case "Relevant": return "default" default: return "outline" } } const formatTimeAgo = (date: Date) => { const now = new Date() const diffInHours = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60)) if (diffInHours < 1) return "Just now" if (diffInHours < 24) return `${diffInHours}h ago` const diffInDays = Math.floor(diffInHours / 24) return `${diffInDays}d ago` } return (

{/* Header and Controls */}

Daily News Feed

Curated and classified news feed with priority tagging

{filteredItems.length} articles

{/* Search and Filter Controls */}

setSearchQuery(e.target.value)} className="pl-10" />

{/* Priority Summary */}

Urgent

{mockNewsItems.filter((item) => item.priority === "Urgent").length}

Requires immediate attention

Relevant

{mockNewsItems.filter((item) => item.priority === "Relevant").length}

Important for awareness

FYI

{mockNewsItems.filter((item) => item.priority === "FYI").length}

General information

{/* News Items */}

{filteredItems.map((item) => (

{/* Header */}

{getPriorityIcon(item.priority)} {item.priority} {item.source} {formatTimeAgo(item.publishedDate)}

{/* Title and Content */}

{item.title}

{item.content}

{/* Tags */}

{item.tags.map((tag) => ( {tag} ))}

{/* Actions */}

{item.url && ( )}

))}

{filteredItems.length === 0 && (

No news articles match your current filters.

)}

) } [V0_FILE]typescriptreact:file="components/stakeholder-research.tsx" isMerged="true" "use client" import { useState } from "react" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Label } from "@/components/ui/label" import { Separator } from "@/components/ui/separator" import { Search, Filter, Plus, User, Building, GraduationCap, Newspaper, Heart, Edit, MessageSquare, Calendar, MapPin, Mail, Phone, Twitter, Linkedin, } from "lucide-react" interface Stakeholder { id: number name: string title: string organization: string category: "Scientists" | "Authors" | "Journalists" | "NGOs" recentStatement: string contactInfo: { email?: string phone?: string twitter?: string linkedin?: string location?: string } lastUpdated: Date influence: "High" | "Medium" | "Low" stance: "Supportive" | "Neutral" | "Critical" | "Unknown" tags: string[] notes?: string } const mockStakeholders: Stakeholder[] = [ { id: 1, name: "Dr. Jane Smith", title: "Professor of Public Health", organization: "University of Toronto", category: "Scientists", recentStatement: "Nicotine alternatives must be regulated like tobacco to ensure public safety and prevent youth uptake.", contactInfo: { email: "j.smith@utoronto.ca", twitter: "@DrJaneSmithUofT", linkedin: "jane-smith-public-health", location: "Toronto, ON", }, lastUpdated: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000), influence: "High", stance: "Critical", tags: ["public health", "regulation", "youth protection", "harm reduction"], notes: "Key opinion leader in Canadian public health policy. Frequently cited in media.", }, { id: 2, name: "John Doe", title: "Health Policy Reporter", organization: "The Globe and Mail", category: "Journalists", recentStatement: "Canada's tobacco policy is falling behind international standards and needs comprehensive reform.", contactInfo: { email: "jdoe@globeandmail.com", twitter: "@JohnDoeHealth", location: "Ottawa, ON", }, lastUpdated: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000), influence: "High", stance: "Neutral", tags: ["policy", "media", "international", "reform"], notes: "Covers health policy extensively. Good relationship with government sources.", }, { id: 3, name: "Sarah Johnson", title: "Executive Director", organization: "Canadian Health Coalition", category: "NGOs", recentStatement: "We need stronger enforcement of existing tobacco regulations before considering new approaches.", contactInfo: { email: "s.johnson@healthcoalition.ca", phone: "(613) 555-0123", location: "Ottawa, ON", }, lastUpdated: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000), influence: "Medium", stance: "Critical", tags: ["enforcement", "regulation", "advocacy", "coalition"], notes: "Leads major health advocacy organization. Strong grassroots network.", }, { id: 4, name: "Dr. Michael Chen", title: "Research Director", organization: "Tobacco Research Institute", category: "Scientists", recentStatement: "Evidence shows harm reduction approaches can complement traditional cessation methods effectively.", contactInfo: { email: "m.chen@tobaccoresearch.org", linkedin: "michael-chen-research", location: "Vancouver, BC", }, lastUpdated: new Date(Date.now() - 4 * 24 * 60 * 60 * 1000), influence: "High", stance: "Supportive", tags: ["harm reduction", "research", "cessation", "evidence"], notes: "Leading researcher in tobacco harm reduction. Published extensively on the topic.", }, { id: 5, name: "Lisa Wong", title: "Health Editor", organization: "CBC News", category: "Journalists", recentStatement: "Public deserves transparent information about both risks and benefits of new tobacco policies.", contactInfo: { email: "lisa.wong@cbc.ca", twitter: "@LisaWongCBC", location: "Toronto, ON", }, lastUpdated: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000), influence: "High", stance: "Neutral", tags: ["transparency", "public information", "balanced reporting"], notes: "Respected health journalist. Known for balanced, evidence-based reporting.", }, { id: 6, name: "Dr. Robert Taylor", title: "Author & Policy Analyst", organization: "Independent", category: "Authors", recentStatement: "Prohibition-only approaches have failed. It's time for evidence-based harm reduction strategies.", contactInfo: { email: "r.taylor@policyanalysis.ca", twitter: "@RobertTaylorCA", linkedin: "robert-taylor-policy", location: "Montreal, QC", }, lastUpdated: new Date(Date.now() - 6 * 24 * 60 * 60 * 1000), influence: "Medium", stance: "Supportive", tags: ["policy analysis", "harm reduction", "evidence-based", "prohibition"], notes: "Author of several books on drug policy. Frequent conference speaker.", }, ] export function StakeholderResearch() { const [searchQuery, setSearchQuery] = useState("") const [selectedCategory, setSelectedCategory] = useState("all") const [selectedInfluence, setSelectedInfluence] = useState("all") const [selectedStance, setSelectedStance] = useState("all") const [selectedStakeholder, setSelectedStakeholder] = useState(null) const [isAddingNew, setIsAddingNew] = useState(false) const categories = ["all", "Scientists", "Authors", "Journalists", "NGOs"] const influences = ["all", "High", "Medium", "Low"] const stances = ["all", "Supportive", "Neutral", "Critical", "Unknown"] const filteredStakeholders = mockStakeholders.filter((stakeholder) => { const matchesSearch = stakeholder.name.toLowerCase().includes(searchQuery.toLowerCase()) || stakeholder.organization.toLowerCase().includes(searchQuery.toLowerCase()) || stakeholder.recentStatement.toLowerCase().includes(searchQuery.toLowerCase()) || stakeholder.tags.some((tag) => tag.toLowerCase().includes(searchQuery.toLowerCase())) const matchesCategory = selectedCategory === "all" || stakeholder.category === selectedCategory const matchesInfluence = selectedInfluence === "all" || stakeholder.influence === selectedInfluence const matchesStance = selectedStance === "all" || stakeholder.stance === selectedStance return matchesSearch && matchesCategory && matchesInfluence && matchesStance }) const getCategoryIcon = (category: string) => { switch (category) { case "Scientists": return case "Authors": return case "Journalists": return case "NGOs": return default: return } } const getInfluenceColor = (influence: string) => { switch (influence) { case "High": return "bg-red-100 text-red-800 border-red-200" case "Medium": return "bg-yellow-100 text-yellow-800 border-yellow-200" case "Low": return "bg-green-100 text-green-800 border-green-200" default: return "bg-gray-100 text-gray-800 border-gray-200" } } const getStanceColor = (stance: string) => { switch (stance) { case "Supportive": return "bg-green-100 text-green-800 border-green-200" case "Critical": return "bg-red-100 text-red-800 border-red-200" case "Neutral": return "bg-blue-100 text-blue-800 border-blue-200" default: return "bg-gray-100 text-gray-800 border-gray-200" } } const formatTimeAgo = (date: Date) => { const now = new Date() const diffInDays = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60 * 24)) if (diffInDays === 0) return "Today" if (diffInDays === 1) return "Yesterday" return `${diffInDays} days ago` } return (

{/* Header and Controls */}

Stakeholder Research

Track key stakeholders and their recent statements