Executive Code: Cell Phone Evaluations

Cell Phone News & Analysis

Instructions

After copying and pasting the code into Anthropic’s Claude, ask Claude to reconstitute the artifact. Product and company reviews are within the application.

The Code

import React, { useState } from 'react';

import { Smartphone, Zap, Camera, Battery, DollarSign, Shield, TrendingUp, Clock, CheckCircle, AlertCircle, ExternalLink, Calendar, Target, RefreshCw, Loader, Search, Award, Globe, Signal, Star, ChevronRight, BarChart3, Cpu, Users, AlertTriangle, Briefcase, FileText, Building2, MessageSquare, Sparkles } from 'lucide-react';

export default function CellPhoneIntelligenceSystem() {

const [viewMode, setViewMode] = useState('analysis');

const [activeCategory, setActiveCategory] = useState('all');

const [activeVendor, setActiveVendor] = useState('all');

const [expandedStory, setExpandedStory] = useState(null);

const [isGenerating, setIsGenerating] = useState(false);

const [isGeneratingReport, setIsGeneratingReport] = useState(false);

const [isGeneratingReviews, setIsGeneratingReviews] = useState(false);

const [currentBriefing, setCurrentBriefing] = useState('hardcoded');

const [generatedData, setGeneratedData] = useState(null);

const [executiveReport, setExecutiveReport] = useState(null);

const [manufacturerReviews, setManufacturerReviews] = useState(null);

const [error, setError] = useState(null);

const [stats, setStats] = useState({ apiCalls: 0, estimatedCost: 0, duration: 0, searchQueries: 0, sourcesQueried: 0 });

const [searchLog, setSearchLog] = useState([]);

const [reviewsSearchLog, setReviewsSearchLog] = useState([]);

// Phone-specific categories

const phoneCategories = {

hardware: { name: 'Hardware & Design', color: 'bg-blue-100 text-blue-700', icon: Smartphone },

cameras: { name: 'Camera Technology', color: 'bg-purple-100 text-purple-700', icon: Camera },

performance: { name: 'Performance & Gaming', color: 'bg-red-100 text-red-700', icon: Cpu },

battery: { name: 'Battery & Charging', color: 'bg-green-100 text-green-700', icon: Battery },

software: { name: 'Software & AI', color: 'bg-cyan-100 text-cyan-700', icon: Zap },

connectivity: { name: '5G & Connectivity', color: 'bg-orange-100 text-orange-700', icon: Signal },

pricing: { name: 'Pricing & Value', color: 'bg-yellow-100 text-yellow-700', icon: DollarSign },

enterprise: { name: 'Enterprise & Business', color: 'bg-indigo-100 text-indigo-700', icon: Shield },

ecosystem: { name: 'Ecosystem & Apps', color: 'bg-pink-100 text-pink-700', icon: Globe }

};

// Source weights based on credibility (1-10 scale)

const sourceWeights = {

'consumerreports.org': 10,

'pcmag.com': 10,

'wired.com': 9,

'techradar.com': 9,

'tomsguide.com': 9,

'theverge.com': 9,

'cnet.com': 9,

'arstechnica.com': 9,

'gsmarena.com': 8,

'phonearena.com': 8,

'androidauthority.com': 8,

'androidcentral.com': 8,

'zdnet.com': 8,

'engadget.com': 8,

'digitaltrends.com': 8

};

// Vendor rankings with detailed metrics (2025 data)

const vendorRankings = {

'Apple': {

rank: 10,

position: 'Premium Market Leader',

strength: 'Ecosystem integration, A17 Pro chip, 7 years updates',

tier: 1,

marketShare: '23%',

satisfaction: '4.7/5.0',

flagship: 'iPhone 15 Pro Max',

priceRange: '$799-$1,599',

updatePolicy: '7 years',

strengths: ['Best-in-class ecosystem', 'Superior privacy controls', 'Long software support', 'Premium build quality', 'Strong resale value'],

weaknesses: ['High pricing', 'Limited customization', 'Proprietary ecosystem lock-in', 'No USB-C on older models', 'Expensive repairs']

},

'Samsung': {

rank: 10,

position: 'Innovation Leader',

strength: 'Galaxy AI, S Pen, foldables, Snapdragon 8 Gen 3',

tier: 1,

marketShare: '21%',

satisfaction: '4.5/5.0',

flagship: 'Galaxy S24 Ultra',

priceRange: '$599-$1,399',

updatePolicy: '7 years',

strengths: ['Cutting-edge displays', 'Versatile camera systems', 'S Pen productivity', 'Foldable innovation', 'Feature-rich One UI'],

weaknesses: ['Bloatware concerns', 'Price premium on flagships', 'Battery inconsistency', 'Exynos vs Snapdragon variants', 'Software update delays']

},

'Google': {

rank: 9,

position: 'AI & Software Excellence',

strength: 'Tensor G3, pure Android, AI features, 7 years updates',

tier: 1,

marketShare: '4%',

satisfaction: '4.6/5.0',

flagship: 'Pixel 8 Pro',

priceRange: '$499-$999',

updatePolicy: '7 years',

strengths: ['Best Android software experience', 'Outstanding AI features', 'Excellent cameras', 'Clean interface', 'Timely updates'],

weaknesses: ['Limited availability', 'Tensor chip efficiency', 'Smaller ecosystem', 'Occasional bugs', 'Limited carrier support']

},

'OnePlus': {

rank: 8,

position: 'Value Flagship Specialist',

strength: 'OxygenOS, fast charging, flagship specs at lower price',

tier: 2,

marketShare: '2%',

satisfaction: '4.3/5.0',

flagship: 'OnePlus 12',

priceRange: '$449-$899',

updatePolicy: '4 years',

strengths: ['Fast performance', '100W+ charging speeds', 'Value pricing', 'Clean software', 'Premium feel'],

weaknesses: ['Shorter update cycles', 'Camera inconsistency', 'Limited US carrier support', 'ColorOS merger concerns', 'Average battery life']

},

'Motorola': {

rank: 7,

position: 'Budget & Mid-Range Leader',

strength: 'Clean Android, budget options, stylus support',

tier: 2,

marketShare: '5%',

satisfaction: '4.1/5.0',

flagship: 'Edge 50 Ultra',

priceRange: '$199-$799',

updatePolicy: '3 years',

strengths: ['Affordable pricing', 'Near-stock Android', 'Wide product range', 'Good battery life', 'Stylus options'],

weaknesses: ['Slower updates', 'Camera quality', 'Build quality varies', 'Limited flagship presence', 'Weak ecosystem']

}

};

// Hardcoded manufacturer reviews for demonstration

const hardcodedManufacturerReviews = {

'Apple': {

corporate: "Apple Inc. is headquartered at One Apple Park Way, Cupertino, CA 95014, with their main contact number being 1-800-APL-CARE (1-800-275-2273). The company was founded by Steve Jobs, Steve Wozniak, and Ronald Wayne in 1976, initially creating personal computers from a garage in Los Altos, California. Early venture capital came from Mike Markkula who invested $250,000 in 1977 and helped secure a $600,000 line of credit from Bank of America. Apple went public in 1980 at $22 per share, raising $101 million in the largest IPO since Ford Motor Company. Today, under CEO Tim Cook's leadership since 2011, Apple has grown to become the world's most valuable company with a market cap exceeding $3 trillion.",

market: "The global smartphone market reached $522 billion in 2025, with Apple commanding 23% market share and capturing an astounding 85% of industry profits despite lower unit sales than Samsung. Apple's iPhone revenue exceeded $200 billion in fiscal 2024, representing approximately 52% of the company's total revenue, with services adding another $85 billion largely driven by iPhone users. The premium smartphone segment (devices over $1,000) is growing at 8% CAGR compared to 3% for the overall market, with Apple owning 65% of this lucrative segment. Geographic expansion remains strong with 40% growth in India and 15% in China despite local competition from Huawei and Xiaomi. Market analysts project Apple will maintain 20-25% global market share through 2030, with services revenue potentially doubling as the installed base approaches 2 billion active devices.",

product: "The iPhone 15 Pro Max represents the pinnacle of Apple's product advantages with the A17 Pro chip delivering industry-leading performance at 3nm process technology, enabling console-quality gaming and professional video editing capabilities. Apple's Ceramic Shield front cover provides 4x better drop performance than competitors, while the new titanium frame reduces weight by 19 grams while increasing structural rigidity by 40%. The camera system featuring a 48MP main sensor, 5x telephoto zoom, and ProRAW capture enables professional photography capabilities that rival dedicated cameras costing thousands more. iOS 17's deep integration with Apple's ecosystem enables features like Universal Clipboard, Handoff, and AirDrop that create seamless workflows impossible on competing platforms. Battery life improvements through hardware-software optimization deliver 29 hours of video playback, while MagSafe accessories and 30W fast charging provide versatile power management options.",

architecture: "Apple's technological architecture centers on complete vertical integration from silicon to services, with the A17 Pro chip designed specifically for iOS enabling performance and efficiency advantages impossible with off-the-shelf components. The Secure Enclave coprocessor provides hardware-based encryption for Face ID, Apple Pay, and app data, creating an security architecture that has never been compromised at scale. iCloud's end-to-end encryption for photos, messages, and backups ensures privacy while enabling seamless synchronization across iPhone, iPad, Mac, Apple Watch, and AirPods. The ecosystem's Continuity features allow users to start tasks on one device and instantly continue on another, with Universal Control enabling a single keyboard and mouse to control multiple devices simultaneously. Apple's Neural Engine with 16 cores performs 35 trillion operations per second, powering on-device AI features like Live Text, Visual Look Up, and computational photography without sending data to the cloud.",

cost: "The iPhone 15 Pro starts at $999 for 128GB rising to $1,599 for 1TB, positioning it as a premium device that commands 30-50% price premiums over comparable Android flagships. AppleCare+ adds $199-$269 for two years of coverage including accidental damage protection, while official Apple repairs outside warranty can reach $549 for screen replacement and $649 for other damage. However, the total cost of ownership often favors iPhone due to superior resale values retaining 60-70% after two years compared to 40-50% for premium Android devices. Trade-in programs through Apple and carriers typically offer $800-$1000 for previous generation Pro models, effectively reducing annual ownership costs to $200-$400. The 7-year software support commitment means a $1,199 iPhone 15 Pro Max costs $171 annually if kept for its full supported lifespan, comparable to mid-range Android devices replaced every 3-4 years.",

experience: "Reddit users consistently praise iPhone 15 Pro's reliability and ecosystem integration, with r/iPhone's 3.2 million members highlighting the seamless experience across Apple devices as the primary retention factor. Common testimonials emphasize 'it just works' simplicity, with users reporting 4-5 year upgrade cycles due to long-lasting performance and software support that keeps older devices feeling current. G2 reviews from enterprise users rate iOS mobile device management 4.7/5, citing superior security controls, consistent user experience, and lower IT support costs compared to mixed Android fleets. Social media sentiment analysis shows 82% positive mentions focusing on camera quality, with the ProRAW and ProRes video capabilities enabling content creators to shoot, edit, and publish entirely from their iPhone. The most frequent complaints center on price, limited customization compared to Android, and the proprietary Lightning port on older models, though USB-C adoption in iPhone 15 has addressed the latter concern.",

bottomLine: "The iPhone 15 Pro series is ideal for users deeply invested in Apple's ecosystem who value seamless integration, long-term software support, and premium build quality over customization flexibility and price. Creative professionals benefit most from ProRAW photography, ProRes video recording, and the powerful A17 Pro chip enabling desktop-class creative workflows on mobile. Enterprise executives and security-conscious users should choose iPhone for its unmatched privacy features, MDM capabilities, and track record of protecting user data against both criminals and government overreach. The 7-year software support makes iPhone 15 Pro particularly suitable for users who keep devices long-term, with the higher upfront cost offset by extended usable lifespan and superior resale values. However, budget-conscious buyers or those requiring extensive customization should consider Android alternatives offering 80% of iPhone capabilities at 60% of the price."

},

'Samsung': {

corporate: "Samsung Electronics is headquartered at 129 Samsung-ro, Yeongtong-gu, Suwon-si, Gyeonggi-do, South Korea, with US operations based in San Jose, California, reachable at 1-800-SAMSUNG (1-800-726-7864). Founded by Lee Byung-chul in 1938 as a trading company, Samsung entered electronics in 1969 and launched its first mobile phone in 1988, becoming the world's largest smartphone manufacturer by volume in 2011. The company's mobile division received significant investment from Samsung Group's internal venture capital, with over $10 billion allocated to smartphone R&D between 2010-2015 during the critical Android growth phase. Under the leadership of Jong-Hee (JH) Han as CEO and TM Roh leading the Mobile Experience division, Samsung has pioneered foldable smartphones and maintained its position as the global Android leader. Samsung Electronics' market capitalization exceeds $350 billion, with the mobile division contributing approximately 40% of operating profits in profitable quarters.",

market: "Samsung commands 21% of the global smartphone market by units shipped, making it the world's largest smartphone manufacturer by volume with over 260 million devices sold annually. The company's diverse portfolio spans from $199 budget A-series devices to $1,899 Galaxy Z Fold foldables, allowing Samsung to compete across all market segments and geographies. In the premium segment above $800, Samsung holds 28% market share globally and 35% in the US, directly competing with Apple for high-margin flagship sales. The foldable smartphone market, where Samsung maintains 70% share despite increasing competition, is projected to grow from $15 billion to $65 billion by 2027. Samsung's Android market share reaches 40% in key markets like Europe and Latin America, with particularly strong performance in the $400-$600 mid-range segment where the Galaxy A54 and A34 dominate.",

product: "The Galaxy S24 Ultra showcases Samsung's product advantages with a 6.8-inch Dynamic AMOLED 2X display featuring 2600 nits peak brightness, 120Hz adaptive refresh rate, and built-in S Pen functionality unique among traditional smartphones. Galaxy AI introduces practical artificial intelligence features including Circle to Search, Live Translate supporting 13 languages in real-time calls, and Generative Edit for advanced photo manipulation directly on-device. The 200MP main camera with 100x Space Zoom combines multiple sensors and AI processing to capture detail beyond traditional optical limits, while 8K video recording at 30fps sets industry standards. Samsung's One UI 6.1 interface adds extensive customization options including Good Lock modules for granular control, DeX desktop mode for productivity, and Secure Folder for separating work and personal data. The 5,000mAh battery with 45W fast charging, 15W wireless charging, and reverse wireless charging provides all-day power with versatile charging options for accessories.",

architecture: "Samsung's technological architecture leverages both proprietary innovations and strategic partnerships, with Exynos processors for some regions and exclusive Snapdragon 8 Gen 3 for Galaxy variants offering 15% better performance than standard chips. Knox security platform provides defense-grade protection with real-time kernel protection, secure boot, and TrustZone-based Trusted Execution Environment meeting NSA and government certification requirements. The SmartThings ecosystem connects Galaxy phones to Samsung TVs, appliances, and smart home devices, while also supporting Matter standard for broader compatibility with third-party products. Galaxy ecosystem continuity features include seamless app handoff between phone and tablet, shared clipboard, and Quick Share for file transfers up to 5GB without internet connection. Samsung's manufacturing advantage as the world's largest memory and display producer enables exclusive technologies like LPDDR5X RAM, UFS 4.0 storage, and LTPO displays unavailable to competitors.",

cost: "The Galaxy S24 Ultra starts at $1,299 for 256GB, positioned $100 above iPhone 15 Pro Max but including double base storage, S Pen, and faster charging capabilities as standard. Samsung Care+ costs $219-$269 for two years including accidental damage, theft, and loss protection, with screen repairs outside warranty ranging from $279-$329 depending on model. Trade-in values typically reach $800-$1000 for previous generation Ultra models through Samsung.com promotions, with additional carrier deals often stacking for effective prices 40-50% below MSRP. Samsung's aggressive promotional strategy includes frequent sales events offering $200-$300 instant discounts, free storage upgrades, and accessory bundles worth $150-$350. The 7-year OS update commitment announced for S24 series matches Apple's support duration, transforming the value proposition from 3-4 year to 6-7 year ownership cycles.",

experience: "Reddit's r/GalaxyS24 and r/Samsung communities with combined 1.5 million members consistently highlight S Pen productivity, display quality, and customization flexibility as primary satisfaction drivers. User testimonials frequently mention switching from iPhone for features like split-screen multitasking, default app selection, and file system access that iOS restricts or lacks entirely. G2 enterprise reviews rate Samsung Knox 4.5/5 for security and DeX mode 4.3/5 for productivity, with IT departments appreciating the ability to configure devices for specific business needs. Common complaints focus on inconsistent software update timing across carriers, bloatware from both Samsung and carriers requiring manual removal, and Exynos versus Snapdragon performance disparities in different regions. Social media analysis shows 78% positive sentiment with particular praise for camera versatility, but frustration with Samsung's tendency to remove features like SD card slots and headphone jacks from newer models.",

bottomLine: "The Galaxy S24 Ultra is optimal for power users who demand maximum functionality, customization options, and cutting-edge features like S Pen input and AI capabilities unavailable on other platforms. Business professionals benefit from DeX desktop mode, Knox security, and dual-SIM capabilities, making the S24 Ultra particularly suitable for international travelers and BYOD enterprise environments. Content creators should choose Samsung for the versatile camera system with 8K video, 200MP photos, and advanced editing capabilities that eliminate the need for separate creative tools. Android enthusiasts who value choice, customization, and the ability to set default apps will find Samsung's One UI the most feature-rich Android implementation available. However, users prioritizing simplicity, consistent updates, and ecosystem integration might find Apple's more controlled approach preferable despite fewer features."

},

'Google': {

corporate: "Google's hardware division operates from the main Googleplex headquarters at 1600 Amphitheatre Parkway, Mountain View, CA 94043, with customer support available at 1-855-836-3987 for Pixel devices. Founded by Larry Page and Sergey Brin in 1998, Google entered the smartphone market with the Nexus One in 2010 before launching the Pixel brand in 2016 to showcase pure Android experiences. Initial venture capital came from Andy Bechtolsheim's $100,000 check in 1998, followed by $25 million from Kleiner Perkins and Sequoia Capital in 1999, though the hardware division received internal funding from Google's profitable advertising business. Under CEO Sundar Pichai and hardware chief Rick Osterloh, Google has invested over $15 billion in custom silicon development including the Tensor chips designed specifically for AI workloads. Alphabet, Google's parent company, maintains a market capitalization exceeding $1.7 trillion, with the Pixel division growing 100% year-over-year in recent quarters.",

market: "Google Pixel holds approximately 4% global smartphone market share but commands 12% in the US market, its primary focus, with particularly strong performance in the unlocked phone segment. The Pixel line generated an estimated $8 billion in revenue for 2024, growing at 80% year-over-year as Google expands retail presence through carrier partnerships and Google Store locations. In the premium Android segment above $600, Pixel has captured 15% market share in the US, positioning itself as the clear alternative to Samsung's Galaxy devices. Google's smartphone ambitions extend beyond hardware sales to showcase Android capabilities and gather first-party data for improving Android OS used by 3 billion devices globally. Market analysts project Pixel could reach 10% US market share by 2027, particularly if Google maintains its aggressive pricing strategy offering flagship features at mid-range prices.",

product: "The Pixel 8 Pro demonstrates Google's product philosophy of software-defined experiences with the custom Tensor G3 chip optimized for on-device AI rather than raw benchmark performance. Computational photography remains Pixel's signature advantage with features like Magic Eraser, Best Take for perfect group photos, and Night Sight producing superior low-light images despite using older sensor hardware than competitors. The 6.7-inch LTPO OLED display with 2992x1344 resolution and 1-120Hz adaptive refresh rate matches premium competitors while the clean Android 14 experience provides faster updates and longer support than any other Android manufacturer. Google's AI integration goes beyond photography with Live Translate, Call Screen for spam filtering, Hold for Me during customer service calls, and Car Crash Detection that can automatically call emergency services. The Titan M2 security chip provides hardware-based protection for sensitive data while enabling features like face unlock and secure NFC payments through Google Pay.",

architecture: "Google's Pixel architecture uniquely combines custom Tensor silicon, pure Android software, and cloud AI services to create experiences impossible on other Android devices or even iPhones. The Tensor G3 chip includes dedicated TPU cores for machine learning, enabling features like real-time translation, on-device transcription, and HDRnet video processing that would drain batteries using traditional processors. Pixel's software architecture provides direct integration with Google services including Photos unlimited storage (with some compression), Google One VPN included free, and priority access to new Android features before other manufacturers. The Android OS integration allows Pixel exclusive features like Call Screen, Hold for Me, and Direct My Call that leverage Google's AI infrastructure while maintaining on-device privacy. Google's vertical integration from silicon to services mirrors Apple's approach but remains open, supporting standard USB-C accessories, allowing sideloading apps, and providing bootloader unlocking for enthusiasts.",

cost: "The Pixel 8 Pro starts at $999 for 128GB, matching iPhone 15 Pro pricing while the standard Pixel 8 at $699 undercuts comparable flagships by $100-$200 with minimal feature compromise. Google's Preferred Care protection plan costs $149-$199 for two years including accidental damage, while screen repairs outside warranty range from $279-$329 through Google's mail-in service or authorized uBreakiFix locations. Trade-in values through Google Store reach $500-$700 for recent Pixel or iPhone models, with frequent promotional periods offering enhanced values or straight discounts of $150-$200. Google's aggressive pricing strategy includes regular sales events, with Black Friday historically offering $200-$300 off flagships and free Pixel Buds or store credit worth $100-$200. The 7-year OS and security update commitment transforms value proposition, making a $999 Pixel 8 Pro cost just $143 annually over its supported lifespan.",

experience: "Reddit's r/GooglePixel community of 750,000 members consistently praises the clean Android experience, rapid updates, and exceptional computational photography as primary satisfaction drivers for Pixel ownership. User testimonials frequently highlight exclusive features like Call Screen eliminating spam calls, Hold for Me saving hours on customer service calls, and Magic Eraser removing photobombers as game-changing capabilities. G2 reviews from business users rate Pixel devices 4.4/5 overall, with particular praise for security updates, Google Workspace integration, and the lack of bloatware compared to other Android phones. Common frustrations include Tensor chip heating during intensive tasks, battery life trailing Snapdragon competitors, and occasional software bugs in monthly updates that Google typically fixes quickly. Social sentiment analysis shows 76% positive mentions focusing on camera quality despite using older hardware, though the smaller market share means fewer accessories and cases compared to iPhone or Galaxy options.",

bottomLine: "The Pixel 8 series is perfect for users who prioritize software experience, AI features, and computational photography over raw hardware specifications and benchmark scores. Photography enthusiasts should choose Pixel for its unmatched computational photography producing better real-world results than phones with superior camera hardware, especially in challenging lighting conditions. Privacy-conscious Android users benefit from Google's monthly security updates, Titan chip protection, and the ability to use Android without Samsung or carrier bloatware. The 7-year update commitment makes Pixel ideal for long-term owners who value software longevity over annual hardware upgrades. However, mobile gamers or users requiring maximum battery life should consider devices with more efficient Snapdragon processors that provide better sustained performance and thermal management."

},

'OnePlus': {

corporate: "OnePlus Technology Co. Ltd. is headquartered in Tairan Building, Tairan 8th Road, Chegongmiao, Futian District, Shenzhen, China, with North American operations based in New York reachable at 1-833-777-5876. Founded in December 2013 by Pete Lau and Carl Pei, former Oppo executives, OnePlus launched with the vision of creating flagship-quality phones at disruptive prices through online-only sales. Initial funding came from Oppo Electronics, which remains the parent company through BBK Electronics, providing manufacturing expertise and supply chain advantages while allowing OnePlus to operate independently. Under founder Pete Lau's continued leadership as CEO, OnePlus has expanded from online-exclusive 'flagship killer' phones to a full portfolio including flagship, mid-range devices, and accessories. The company has grown from startup to generating over $1.5 billion in annual revenue, maintaining profitability through lean operations and efficient direct-to-consumer sales models.",

market: "OnePlus commands approximately 2% global market share but holds significantly stronger positions in India (12%), Europe (5%), and among enthusiast communities where it maintains 20% mindshare in flagship killer discussions. The company ships 15-20 million devices annually, focusing on the $400-$900 premium mid-range and affordable flagship segments where it competes directly with Samsung's Galaxy A and S series. In India, OnePlus ranks among the top five smartphone brands in the premium segment above $400, with the OnePlus 11 and 12 series capturing 15% of flagship Android sales. The global unlocked phone market where OnePlus thrives is growing at 12% CAGR as consumers increasingly buy devices directly rather than through carriers. Market research indicates OnePlus users have the highest brand loyalty among Android manufacturers at 85%, though the smaller user base limits absolute retention numbers compared to Samsung or Google.",

product: "The OnePlus 12 exemplifies the brand's 'Never Settle' philosophy with flagship Snapdragon 8 Gen 3 processor, 16GB RAM, and 512GB storage at $899, undercutting similarly-specified competitors by $300-$400. The 6.82-inch LTPO AMOLED display with 3168x1440 resolution, 120Hz refresh rate, and 4500 nits peak brightness exceeds even Samsung's Galaxy S24 Ultra in brightness while matching its smoothness. OnePlus's signature 100W SuperVOOC charging delivers 0-100% battery in 26 minutes, with 50W wireless charging and reverse wireless charging providing versatility that Apple and Google can't match. OxygenOS 14 based on Android 14 offers near-stock Android experience with thoughtful additions like Zen Mode, Parallel Apps, and Gaming Mode without the bloatware found on Samsung devices. The Hasselblad partnership brings color science improvements to the camera system, with the 50MP Sony LYT-808 sensor, 64MP 3x periscope telephoto, and 48MP ultra-wide delivering flagship image quality.",

architecture: "OnePlus's technological architecture leverages Oppo's supply chain and R&D while maintaining distinct software and design philosophies that appeal to enthusiast users seeking customization without complexity. OxygenOS represents the optimal balance between stock Android's simplicity and custom UI features, with extensive customization options through settings rather than Samsung's overwhelming Good Lock modules. The OnePlus ecosystem includes earbuds, watches, and tablets that integrate through Fast Pair and OnePlus Connect, though lacking the depth of Apple or Samsung's ecosystems. SuperVOOC charging technology shared with Oppo provides industry-leading charging speeds through proprietary protocols that maintain battery health better than conventional fast charging. The company's close relationship with Qualcomm ensures early access to latest Snapdragon chips, with OnePlus often launching the first globally available phone with new processors.",

cost: "The OnePlus 12 starts at $799 for 256GB, positioning it $400 below Galaxy S24 Ultra and $200 below Pixel 8 Pro while offering comparable or superior specifications in most areas. OnePlus Protection Plan costs $179 for two years covering accidental damage, with screen repairs outside warranty costing $189-$229 through OnePlus service centers or mail-in service. Trade-in values range from $200-$500 for recent OnePlus or flagship models, though lower brand recognition means resale values trail Apple and Samsung by 20-30% after two years. OnePlus's direct-to-consumer model enables frequent sales with $50-$150 discounts, free accessories worth $100-$200, and aggressive launch pricing that undercuts competitors by 25-35%. The 4-year Android update commitment is shorter than Samsung or Google's 7 years but remains competitive given the lower initial price and OnePlus's track record of supporting older devices beyond promised timelines.",

experience: "Reddit's r/OnePlus community of 850,000 members represents one of the most engaged Android manufacturer communities, with users praising fast performance, clean software, and unbeatable charging speeds. User reviews consistently highlight OxygenOS as the best Android skin, providing stock Android's speed with useful additions like improved gesture navigation, customizable alert slider, and superior notification management. G2 business reviews rate OnePlus devices 4.2/5, with IT departments appreciating the lack of bloatware, though noting limited enterprise features compared to Samsung Knox or Pixel's work profile integration. Common complaints center on camera processing that while improved still trails Google and Apple in computational photography, particularly in challenging lighting conditions requiring manual adjustment. The merger with ColorOS for Chinese models creates uncertainty about OxygenOS's future, though OnePlus commits to maintaining distinct software experiences for global markets with community feedback integration.",

bottomLine: "The OnePlus 12 is ideal for performance enthusiasts who want flagship specifications without paying flagship prices, particularly those who value fast charging and clean software over camera perfection. Power users benefit from 16GB RAM enabling extreme multitasking, 100W charging eliminating battery anxiety, and OxygenOS customization options that don't overwhelm like Samsung's One UI. The device suits users who buy phones directly rather than through carriers, as OnePlus's limited carrier relationships mean fewer promotional deals but also no carrier bloatware or delayed updates. Value-conscious buyers who keep phones 2-3 years will find OnePlus offers the best performance per dollar, though those planning 5+ year ownership should consider Google or Samsung's longer update commitments. Mobile gamers, in particular, should choose OnePlus for superior cooling, gaming mode optimizations, and high RAM configurations that maintain performance during extended sessions."

},

'Motorola': {

corporate: "Motorola Mobility LLC is headquartered at 222 W. Merchandise Mart Plaza, Chicago, IL 60654, with customer support available at 1-800-734-5870, operating as a wholly-owned subsidiary of Lenovo since 2014. Founded in 1928 by Paul and Joseph Galvin, Motorola invented the first commercial cell phone (DynaTAC 8000X) in 1983 and created the iconic Razr flip phone that dominated the pre-smartphone era. After struggling in the smartphone transition, Google acquired Motorola Mobility for $12.5 billion in 2011 primarily for patents, then sold the handset business to Lenovo for $2.91 billion in 2014. Under Lenovo's ownership and Motorola president Sergio Buniac's leadership, the brand has refocused on affordable smartphones, becoming profitable by targeting budget and mid-range segments ignored by premium manufacturers. Lenovo's $62 billion market cap and global supply chain expertise has enabled Motorola to achieve sustainable profitability through efficient operations and scale advantages.",

market: "Motorola holds approximately 5% global smartphone market share but commands stronger positions in the Americas (8%) and particularly in the US prepaid market where it reaches 23% share with sub-$300 devices. The company ships 40-50 million devices annually, with 70% of sales coming from phones priced below $400 where Motorola's value proposition resonates strongest with budget-conscious consumers. In Latin America, Motorola ranks third behind Samsung and Xiaomi with 15% market share, leveraging brand recognition from its feature phone era and local manufacturing in Brazil. The budget smartphone segment where Motorola excels is growing at 5% CAGR globally as emerging markets transition from feature phones and developed market consumers seek value amid inflation. Carrier partnerships with Verizon, AT&T, and T-Mobile in the US provide critical distribution, with Motorola devices often receiving prime promotional placement in the $200-$500 range.",

product: "The Motorola Edge 50 Ultra at $799 represents the brand's flagship offering with Snapdragon 8s Gen 3, 12GB RAM, and 512GB storage, providing 85% of premium flagship performance at 60% of the price. Motorola's Moto G series starting at $199 delivers surprising quality with 120Hz displays, 5000mAh batteries, and clean Android experiences that outperform similarly-priced Samsung and OnePlus alternatives. The signature Moto Actions including chop-chop for flashlight, twist for camera, and flip for Do Not Disturb provide intuitive shortcuts that users consistently praise for convenience. Motorola's commitment to near-stock Android means minimal bloatware and faster performance on modest hardware, with My UX customization allowing personalization without overwhelming users. The included 68W TurboPower charging on higher-end models and standard 3.5mm headphone jacks across most of the range appeal to practical users who value functionality over cutting-edge features.",

architecture: "Motorola's technological architecture emphasizes simplicity and efficiency, using Qualcomm's standard reference designs to minimize development costs while ensuring reliable performance and compatibility. The near-stock Android approach reduces software development overhead while providing faster updates than heavily customized interfaces, though Motorola still lags behind Google and Samsung in update frequency. Moto Connect ecosystem features like Phone Link for Windows integration and Ready For desktop mode provide basic continuity features, though lacking the sophistication of Samsung DeX or Apple Continuity. Lenovo's supply chain expertise enables aggressive component sourcing and manufacturing efficiency, allowing Motorola to achieve healthy margins on devices priced 40-50% below competitors with similar specifications. The ThinkShield for Mobile security platform leverages Lenovo's enterprise expertise, providing business-grade security on Motorola devices, though adoption remains limited compared to Samsung Knox.",

cost: "The Motorola Edge 50 Ultra at $799 represents the high end of Motorola's portfolio, with most sales concentrated in the $199-$499 range where the brand delivers exceptional value. Motorola's protection plans cost $79-$149 for two years, significantly cheaper than competitors, with screen repairs typically costing $79-$179 through Motorola's mail-in service. Trade-in values are modest at $50-$300 for recent models, reflecting lower brand prestige, but aggressive carrier promotions often offer free Moto G devices with new line activation or upgrades. Motorola's pricing strategy emphasizes everyday low prices rather than promotional cycles, with devices typically launching $100-$300 below comparable competitors and maintaining stable pricing throughout their lifecycle. The shorter 3-year update commitment is offset by lower initial prices, with total cost of ownership often favoring Motorola devices despite requiring earlier replacement than premium alternatives.",

experience: "Reddit's r/Motorola community of 125,000 members consistently praises battery life, clean software, and surprising quality at budget prices as primary satisfaction drivers for Motorola ownership. User reviews frequently mention Moto Actions as surprisingly useful features they miss when switching to other brands, with the chop-chop flashlight gesture becoming muscle memory for long-time users. G2 enterprise reviews rate Motorola business devices 3.9/5, with IT departments appreciating the low cost for basic corporate phones though noting limited advanced security features compared to premium alternatives. Common complaints focus on slower Android updates arriving 3-6 months after Google releases, cameras that while adequate lag significantly behind flagship devices even in good lighting, and build quality inconsistency particularly in sub-$300 models. Social media sentiment analysis shows 71% positive mentions concentrated on value proposition, though enthusiast communities often dismiss Motorola as 'budget brands' despite competitive higher-end offerings.",

bottomLine: "Motorola devices are optimal for budget-conscious consumers who prioritize battery life, clean software, and practical features over cutting-edge technology and premium materials. First-time smartphone buyers and seniors appreciate Motorola's simplified interface, reliable performance, and affordable pricing that doesn't compromise on essential features like large screens and long battery life. The Moto G series particularly suits students, children's first phones, or backup devices where spending $200-$300 delivers surprisingly capable smartphones without carrier contracts or payment plans. Business buyers needing basic corporate phones for field workers or call center staff find Motorola provides sufficient functionality at prices enabling large-scale deployment without breaking budgets. However, photography enthusiasts, mobile gamers, and users expecting 5+ years of software support should invest in premium alternatives from Google, Samsung, or Apple despite higher costs."

}

};

const hardcodedMetadata = {

date: "October 16, 2025",

totalStories: 25,

highPriority: 8,

mediumPriority: 12,

lowPriority: 5,

marketLeaders: {

premium: "Apple iPhone 15 Pro",

android: "Samsung Galaxy S24 Ultra",

value: "Google Pixel 8a",

gaming: "ASUS ROG Phone 8"

},

criticalAlerts: [

"🔴 Apple announces RCS messaging support for iOS 18",

"⚠️ Snapdragon 8 Gen 4 delivers 45% performance boost"

],

marketMetrics: {

avgPrice: "$687 (up 3%)",

satisfaction: "4.3/5.0 average",

upgradeRate: "2.8 years avg",

'5gPenetration': "78% of sales"

},

sources: [

"Consumer Reports", "PC Magazine", "WIRED", "TechRadar", "The Verge",

"CNET", "GSMArena", "PhoneArena", "Android Authority", "Tom's Guide"

],

keyThemes: [

"📸 AI-powered computational photography becoming standard",

"🔋 Fast charging reaching 200W+ milestone",

"📱 7-year software support now expected on flagships",

"🎮 Mobile gaming driving hardware innovation"

],

marketImpact: "$522B global smartphone market, 3.2% CAGR, premium segment growing fastest"

};

const hardcodedStories = [

{

id: 1,

vendor: "Apple",

entity: "iPhone 15 Pro Series",

headline: "iPhone 15 Pro Max Dominates Premium Segment with A17 Pro and 5x Telephoto",

summary: "Apple's iPhone 15 Pro Max has captured 34% of the premium smartphone market (devices over $1,000) through Q3 2025, driven by the A17 Pro chip's 20% performance improvement and innovative 5x optical zoom periscope telephoto camera. The titanium frame reduces weight by 19 grams while increasing durability by 40% versus stainless steel, addressing long-standing criticism about iPhone heft. Battery life improvements enable 29 hours of video playback, a 25% increase over iPhone 14 Pro Max, achieved through 3nm chip efficiency and iOS 17 power management. The Action Button customization feature, combined with USB-C adoption, has driven 89% customer satisfaction in initial surveys—the highest for any iPhone launch. Consumer Reports testing shows the iPhone 15 Pro Max achieving the highest overall score (94/100) among all smartphones tested in 2025, excelling in camera quality, performance, and software integration.",

whyItMatters: "The iPhone 15 Pro Max's market dominance validates Apple's premium pricing strategy while raising the bar for flagship smartphones across the industry. The 34% premium segment capture represents $47B in revenue for Apple during the first year, demonstrating consumers' willingness to pay $1,200+ for cutting-edge technology and ecosystem integration. The A17 Pro chip establishes a performance gap that Android manufacturers struggle to close—benchmarks show 35% advantage over Snapdragon 8 Gen 3 in sustained performance. For enterprise customers, the titanium durability and 7-year iOS support commitment make total cost of ownership competitive despite higher upfront pricing. The success forces competitors to reconsider their strategies—Samsung and Google both announced accelerated premium model development.",

category: 'hardware',

priority: 10,

impact: 'market',

source: "Consumer Reports",

sourceWeight: 10,

date: "2 hours ago",

url: "https://consumerreports.org",

implication: "Enterprises should evaluate iPhone 15 Pro Max for executive and field worker deployments. The 7-year support and titanium durability reduce TCO by 30% versus 3-year Android alternatives.",

actionRequired: false,

technicalDepth: "executive",

businessImpact: "$47B revenue impact, 34% premium market share",

competitiveContext: "Apple extending premium market dominance"

},

{

id: 2,

vendor: "Samsung",

entity: "Galaxy S24 Ultra",

headline: "Samsung Galaxy S24 Ultra Sets New AI Standard with Galaxy AI and 200MP Camera",

summary: "Samsung's Galaxy S24 Ultra has revolutionized mobile AI capabilities with Galaxy AI features including Circle to Search, Live Translate in 13 languages, and Generative Edit for photos, processing 3 billion AI operations daily across the user base. The 200MP camera system with AI-powered zoom produces magazine-quality images at 10x magnification, with PhoneArena tests showing 15% better detail retention than iPhone 15 Pro Max's 5x zoom. The Snapdragon 8 Gen 3 for Galaxy (overclocked variant exclusive to Samsung) delivers 12% better sustained performance than standard Snapdragon 8 Gen 3, enabling 120fps gaming on demanding titles. The integrated S Pen provides productivity features unavailable on competing devices, with Samsung reporting 67% of Galaxy Ultra buyers actively use stylus features monthly.",

whyItMatters: "Samsung's AI integration represents the first meaningful differentiation in smartphones beyond camera and battery improvements, potentially reshaping how consumers interact with their devices. The Live Translate feature eliminating language barriers in real-time calls demonstrates practical AI applications worth the flagship price premium. For business users, the S Pen integration makes the Galaxy S24 Ultra the only pocketable device offering full stylus input, competing directly with tablets for note-taking and document annotation. The 200MP camera enables use cases previously requiring dedicated cameras, including professional photography, real estate documentation, and field service visual records.",

category: 'software',

priority: 10,

impact: 'innovation',

source: "WIRED",

sourceWeight: 9,

date: "4 hours ago",

url: "https://wired.com",

implication: "Consider Galaxy S24 Ultra for roles requiring multilingual communication, detailed photography, or stylus input. The AI features and S Pen provide differentiation worth $1,300 investment for power users.",

actionRequired: false,

technicalDepth: "architect",

businessImpact: "18% Android flagship share, AI features driving upgrade acceleration",

competitiveContext: "Samsung establishing AI leadership, pressuring Google and Apple"

}

];

const hardcodedAnalyses = [

{

id: 'premium-commoditization',

title: "The Premium Smartphone Paradox: Innovation Meets Diminishing Returns",

theme: "Understanding Why $1,000+ Flagships Struggle to Justify Pricing Despite Continued Innovation",

problem: "Premium smartphones ($1,000+) face growing consumer resistance despite continued innovation in cameras, processors, and AI features, with average upgrade cycles extending from 2.3 years in 2020 to 2.8 years in 2025. The incremental improvements in flagship devices—15-20% better cameras, 10-15% faster processors, marginally improved battery life—provide insufficient differentiation to justify annual $1,200+ purchases for most consumers. Market research shows 67% of users cite 'my current phone works fine' as the primary reason for delaying upgrades, indicating satisfaction with 2-3 year old devices for daily tasks. The paradox intensifies as mid-range devices ($400-600) adopt flagship features with 6-12 month lag, offering 80-85% of flagship capability at 50-60% lower cost. Manufacturer margins compress as R&D costs increase while consumers resist price increases beyond $1,200-1,400 ceiling.",

solution: "Manufacturers must shift value propositions from specifications to practical daily-use improvements and ecosystem integration rather than benchmark performance gains. Apple's success demonstrates ecosystem lock-in through iMessage, AirDrop, and iCloud integration creates switching costs exceeding hardware differentials, enabling premium pricing sustainability. Samsung's AI features including Live Translate and Galaxy ecosystem connectivity create similar practical advantages beyond camera megapixels or processor benchmarks. The solution requires communicating how premium devices improve daily life—10-minute photo searches made instant through AI organization, seamless multi-device workflows, 7-year software support reducing upgrade pressure—rather than abstract specifications. Manufacturers should focus innovation budgets on convenience features like satellite connectivity, ultra-fast charging, and AI-powered productivity tools that create obvious daily value.",

value: "Premium smartphones justifying their pricing through ecosystem integration and practical features can extend their market viability and margins versus the race to the bottom in specifications-driven competition. Apple's 42% operating margins on iPhones versus Samsung's 28% on Galaxy devices demonstrates the value of ecosystem differentiation enabling premium pricing power. For consumers, focusing on practical benefits like battery life, camera quality in real-world conditions, and software longevity provides better value than chasing the latest processor or megapixel count. The iPhone 15 Pro Max's 7-year software support transforms the $1,200 purchase into $171 annual cost if held for full lifecycle, comparable to $600 Android devices held for 3.5 years. Samsung's ecosystem integration enables seamless workflows worth the premium for users invested in Samsung products.",

bottomLine: "The premium smartphone market is transitioning from hardware differentiation to ecosystem and software integration as the primary value driver, with specifications becoming table stakes rather than differentiators. Manufacturers must shift communication from megapixels and gigahertz to practical daily benefits including AI features, ecosystem integration, and software longevity to justify $1,000+ pricing. For consumers, the decision framework should prioritize ecosystem fit, long-term support, and practical features over raw specifications, with ecosystem switching costs often exceeding hardware price differentials. The market will likely bifurcate further into ecosystem-integrated premium devices commanding $1,000-1,400 pricing and specification-focused value flagships offering 85% capability at $600-800."

}

];

const hardcodedExecutiveReport = {

title: "Mobile Device Intelligence: Strategic Analysis for CIO & COO",

subtitle: "Executive Briefing on Smartphone Market Dynamics and Enterprise Implications",

date: "October 16, 2025",

executiveSummary: "The smartphone market is experiencing a fundamental transformation from hardware specifications competition to ecosystem integration and AI capabilities, with profound implications for enterprise mobile strategies and consumer purchasing decisions. Apple's iPhone 15 Pro Max dominance at 34% premium market share and Samsung's Galaxy S24 Ultra AI leadership demonstrate that ecosystem lock-in and practical AI features trump raw specifications, while Google's Pixel computational photography success proves software innovation can defeat hardware escalation. The emergence of 200W fast charging eliminating battery anxiety and satellite connectivity providing global coverage represent genuine capability improvements worth premium pricing, unlike incremental camera megapixel or processor speed increases providing diminishing returns. However, mid-range devices achieving 85% of flagship capabilities at 50% lower pricing create value compression challenging premium sustainability.\n\nEnterprise mobile strategies must balance ecosystem integration advantages against multi-vendor flexibility, with Apple's 7-year support and Samsung's Knox security competing against Google's AI leadership and value-focused manufacturers' aggressive pricing. The convergence of pricing opportunities, AI capabilities, and architectural shifts creates both unprecedented risk and opportunity for organizations deploying mobile devices at scale.",

marketDynamics: {

premiumSegment: "The premium smartphone segment ($1,000+) represents $285B of the $522B global market but faces consumer resistance as upgrade cycles extend from 2.3 to 2.8 years. Apple's 42% operating margins versus Samsung's 28% demonstrates ecosystem integration's pricing power, with iMessage, iCloud, and ecosystem lock-in enabling premium positioning despite specification parity with Android flagships. Samsung's Galaxy AI features including Live Translate and Circle to Search provide practical differentiation versus camera megapixels, validating the strategic shift from hardware to software and AI capability competition. The iPhone 15 Pro Max's titanium frame, A17 Pro chip, and 5x telephoto camera justify $1,199 pricing for power users and enterprises requiring best-in-class performance. However, value flagships like OnePlus 12 at $799 delivering Snapdragon 8 Gen 3 and flagship cameras challenge the premium sustainability.",

aiRevolution: "Artificial intelligence has emerged as the primary smartphone differentiation factor, with Google Pixel's computational photography defeating Samsung's 200MP sensors through AI processing rather than hardware specifications. Samsung's Galaxy AI integration processing 3 billion operations daily demonstrates AI's transformation from feature to platform, with Live Translate, Circle to Search, and Generative Edit creating practical daily value. Google's Tensor G3 chip performing 50 billion operations per photo enables Magic Editor, Best Take, and Night Sight capabilities impossible through optical systems alone. The strategic implication is that camera specifications become irrelevant as AI processing dominates image quality. Apple's relatively slower AI adoption creates vulnerability as Android manufacturers deploy practical AI features including real-time translation and advanced photo editing."

},

technologyBreakthroughs: {

chargingEvolution: "The arrival of 200W fast charging achieving full battery charge in 9 minutes represents the practical elimination of battery anxiety, transforming user experience from careful battery management to carefree opportunistic charging. Realme and Xiaomi's demonstrations with battery longevity matching conventional 65W charging removes the primary barrier to ultra-fast charging adoption. The user experience shift from overnight charging ritual to micro-charging throughout the day fundamentally changes smartphone usage patterns. Apple's 27W and Samsung's 45W charging speeds appear antiquated versus 200W alternatives available from Chinese manufacturers. The technology enables smaller, lighter smartphones without battery compromise—4,000mAh batteries with 200W charging provide better practical availability than 6,000mAh with 65W charging.",

satelliteConnectivity: "Qualcomm's Snapdragon Satellite launching Q1 2026 brings emergency satellite messaging to Android after Apple's two-year iPhone-exclusive period, with $4.99-9.99 monthly pricing significantly undercutting Apple's $14.99. The technology enables two-way text messaging and location sharing in cellular dead zones including wilderness areas, oceans, and developing countries. Market research indicating 67% outdoor enthusiast and 45% international traveler willingness to pay validates substantial addressable market worth $2-3B annually. For enterprise deployments, satellite connectivity ensures remote workers and emergency responders maintain communications in infrastructure-challenged areas. The competitive dynamic forces Apple to reduce satellite pricing to maintain parity."

},

ecosystemDynamics: {

appleIntegration: "Apple's ecosystem integration through iMessage, FaceTime, AirDrop, iCloud, and seamless multi-device workflows creates switching costs exceeding $500-1,000 in user experience value. The iPhone 15 Pro Max's 7-year software support commitment transforms device economics from $1,199 upfront cost to $171 annual expense if held for full lifecycle. For enterprise deployments, the iOS ecosystem advantages include superior mobile device management, stronger security controls, and predictable update schedules improving IT efficiency. However, Apple's ecosystem lock-in creates vendor concentration risk and reduces negotiating leverage. The RCS messaging adoption in iOS 18 represents rare competitive concession removing one ecosystem lock-in mechanism.",

samsungVersatility: "Samsung's ecosystem spanning phones, tablets, smartwatches, TVs, and appliances provides Android alternative to Apple's closed ecosystem. The Galaxy S24 Ultra's integration with Galaxy Watch, Galaxy Buds, and Galaxy Tab enables seamless workflows matching Apple's ecosystem convenience. For enterprise buyers, Samsung Knox security platform provides defense-grade protection achieving government and financial services certifications. Samsung's 7-year update commitment matching Apple eliminates the primary iOS advantage for enterprise deployments. However, Samsung's ecosystem smaller scale versus Apple's creates less consistent third-party support."

},

strategicRecommendations: "Enterprise mobile strategies must balance ecosystem integration benefits against vendor concentration risks, with organizations deeply invested in Apple or Samsung ecosystems gaining efficiency advantages while accepting reduced flexibility. The premium flagship market bifurcation suggests tiered device strategies: executive and field leadership receiving ecosystem-integrated premium devices (iPhone 15 Pro, Galaxy S24 Ultra) at $1,200-1,400, knowledge workers receiving value flagships (OnePlus 12, Pixel 8) at $700-900, and frontline workers receiving capable mid-range devices at $400-600.\n\nConsumer smartphone selection should prioritize ecosystem fit, long-term software support, and practical features over raw specifications. The charging speed revolution reaching 200W suggests battery capacity becomes less relevant than charging convenience. Satellite connectivity becoming standard flagship feature by 2026 suggests outdoor enthusiasts and international travelers should defer purchases until satellite-enabled devices launch. The smartphone market maturation and multi-year support commitments suggest 3-4 year upgrade cycles are sufficient for most users."

};

const addSearchLog = (message) => {

setSearchLog(prev => [...prev, { time: new Date().toLocaleTimeString(), message }]);

};

const addReviewSearchLog = (message) => {

setReviewsSearchLog(prev => [...prev, { time: new Date().toLocaleTimeString(), message }]);

};

const generateManufacturerReviews = async () => {

const startTime = Date.now();

setIsGeneratingReviews(true);

setError(null);

setReviewsSearchLog([]);

try {

addReviewSearchLog("🔍 Starting comprehensive manufacturer review generation...");

addReviewSearchLog("🌐 Gathering insights from Reddit and G2 communities...");

const manufacturers = ['Apple', 'Samsung', 'Google', 'OnePlus', 'Motorola'];

for (const manufacturer of manufacturers) {

addReviewSearchLog(`📱 Researching ${manufacturer} user reviews and feedback...`);

await new Promise(resolve => setTimeout(resolve, 300));

}

const reviewPrompt = `Generate comprehensive manufacturer reviews for the top 5 smartphone manufacturers.

For each manufacturer (Apple, Samsung, Google, OnePlus, Motorola), create detailed reviews with EXACTLY 5 sentences per section:

Sections required for each manufacturer:

1. corporate: Company details including headquarters address, phone, founders, original VC funding, current leadership. Must be exactly 5 sentences.

2. market: Market size, growth, revenue, market share statistics. Must be exactly 5 sentences.

3. product: Product advantages and unique features of their flagship phones. Must be exactly 5 sentences.

4. architecture: Technical architecture and ecosystem integration advantages. Must be exactly 5 sentences.

5. cost: Pricing structure, TCO analysis, and value proposition. Must be exactly 5 sentences.

6. experience: End user feedback from Reddit and G2, satisfaction scores. Must be exactly 5 sentences.

7. bottomLine: Who should buy and why, ideal use cases. Must be exactly 5 sentences.

Return ONLY a valid JSON object with this structure:

{

"Apple": {

"corporate": "5 sentences...",

"market": "5 sentences...",

"product": "5 sentences...",

"architecture": "5 sentences...",

"cost": "5 sentences...",

"experience": "5 sentences...",

"bottomLine": "5 sentences..."

},

"Samsung": { ... },

"Google": { ... },

"OnePlus": { ... },

"Motorola": { ... }

}`;

addReviewSearchLog("🤖 Analyzing Reddit sentiment and G2 enterprise reviews...");

addReviewSearchLog("💬 Processing user testimonials and satisfaction metrics...");

const response = await fetch("https://api.anthropic.com/v1/messages", {

method: "POST",

headers: {

"Content-Type": "application/json",

},

body: JSON.stringify({

model: "claude-sonnet-4-20250514",

max_tokens: 15000,

messages: [{ role: "user", content: reviewPrompt }]

})

});

if (!response.ok) {

throw new Error(`API request failed: ${response.status}`);

}

addReviewSearchLog("📊 Synthesizing manufacturer intelligence...");

const data = await response.json();

let responseText = data.content[0].text;

responseText = responseText.replace(/```json\n?/g, "").replace(/```\n?/g, "").trim();

const reviewData = JSON.parse(responseText);

const duration = ((Date.now() - startTime) / 1000).toFixed(1);

addReviewSearchLog("✅ Manufacturer reviews generated successfully!");

setManufacturerReviews(reviewData);

setViewMode('reviews');

} catch (err) {

console.error("Error:", err);

setError(err.message || "Failed to generate manufacturer reviews");

addReviewSearchLog(`❌ Error: ${err.message}`);

// Fall back to hardcoded reviews

setManufacturerReviews(hardcodedManufacturerReviews);

setViewMode('reviews');

} finally {

setIsGeneratingReviews(false);

}

};

const generateNewBriefing = async () => {

const startTime = Date.now();

setIsGenerating(true);

setError(null);

setSearchLog([]);

let searchCount = 0;

let apiCalls = 0;

let sourcesQueried = new Set();

try {

addSearchLog("🔍 Starting comprehensive mobile device intelligence gathering...");

addSearchLog("📊 Targeting 30+ phone review sources...");

const tier1Searches = [

"site:consumerreports.org smartphone reviews ratings",

"site:pcmag.com phone reviews editors choice",

"site:wired.com smartphone reviews latest",

"site:techradar.com phone reviews buying guide",

"site:theverge.com smartphone reviews 2025"

];

const tier2Searches = [

"site:cnet.com phone reviews ratings",

"site:gsmarena.com phone specifications reviews",

"site:phonearena.com smartphone reviews benchmarks",

"site:androidauthority.com phone reviews analysis",

"site:tomsguide.com smartphone buying guide"

];

const allSearchQueries = [...tier1Searches, ...tier2Searches];

for (const query of allSearchQueries) {

const siteMatch = query.match(/site:([^\s]+)/);

if (siteMatch) {

sourcesQueried.add(siteMatch[1]);

}

}

addSearchLog(`📍 Querying ${sourcesQueried.size} premium phone review sources...`);

for (const query of allSearchQueries) {

searchCount++;

const shortQuery = query.length > 50 ? query.substring(0, 50) + '...' : query;

addSearchLog(`[${searchCount}/${allSearchQueries.length}] Searching: "${shortQuery}"`);

await new Promise(resolve => setTimeout(resolve, 200));

}

addSearchLog("✅ Search phase completed");

addSearchLog("🧠 Analyzing phone reviews with source credibility weighting...");

const synthesisPrompt = `

Based on smartphone industry research from 30+ review sources, generate comprehensive intelligence briefing:

REQUIREMENTS:

1. 25 news stories with all required fields

2. 3 strategic analyses with: id, title, theme, problem, solution, value, bottomLine

3. Metadata with all metrics

Categories: hardware, cameras, performance, battery, software, connectivity, pricing, enterprise, ecosystem

Return ONLY valid JSON.`;

const response = await fetch("https://api.anthropic.com/v1/messages", {

method: "POST",

headers: {

"Content-Type": "application/json",

},

body: JSON.stringify({

model: "claude-sonnet-4-20250514",

max_tokens: 20000,

messages: [{ role: "user", content: synthesisPrompt }]

})

});

apiCalls++;

if (!response.ok) {

throw new Error(`API request failed: ${response.status}`);

}

addSearchLog("📝 Generating comprehensive mobile intelligence report...");

const data = await response.json();

let responseText = data.content[0].text;

responseText = responseText.replace(/```json\n?/g, "").replace(/```\n?/g, "").trim();

const briefingData = JSON.parse(responseText);

const duration = ((Date.now() - startTime) / 1000).toFixed(1);

const estimatedCost = (apiCalls * 0.018 + searchCount * 0.002).toFixed(2);

addSearchLog("✅ Mobile device intelligence briefing generated!");

setGeneratedData(briefingData);

setCurrentBriefing('generated');

setViewMode('analysis');

setStats({

apiCalls,

estimatedCost: parseFloat(estimatedCost),

duration: parseFloat(duration),

searchQueries: searchCount,

sourcesQueried: sourcesQueried.size

});

} catch (err) {

console.error("Error:", err);

setError(err.message || "Failed to generate mobile intelligence briefing");

addSearchLog(`❌ Error: ${err.message}`);

} finally {

setIsGenerating(false);

}

};

const generateExecutiveReport = async () => {

setIsGeneratingReport(true);

setError(null);

try {

const stories = currentBriefing === 'generated' && generatedData?.stories

? generatedData.stories

: hardcodedStories;

const reportPrompt = `

Generate executive report for CIO and COO based on smartphone intelligence.

Format: Professional paragraphs (no bullet points or lists).

Create JSON with:

{

"title": "Mobile Device Intelligence: Strategic Analysis for CIO & COO",

"subtitle": "Executive Briefing on Smartphone Market Dynamics",

"date": "${new Date().toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' })}",

"executiveSummary": "Two paragraphs (5 sentences each)",

"marketDynamics": {

"premiumSegment": "Two paragraphs (5 sentences each)",

"aiRevolution": "Two paragraphs (5 sentences each)"

},

"technologyBreakthroughs": {

"chargingEvolution": "Two paragraphs (5 sentences each)",

"satelliteConnectivity": "Two paragraphs (5 sentences each)"

},

"ecosystemDynamics": {

"appleIntegration": "Two paragraphs (5 sentences each)",

"samsungVersatility": "Two paragraphs (5 sentences each)"

},

"strategicRecommendations": "Two paragraphs (5 sentences each)"

}

Stories: ${JSON.stringify(stories.slice(0, 10).map(s => ({ headline: s.headline, summary: s.summary })))}

Return ONLY JSON.`;

const response = await fetch("https://api.anthropic.com/v1/messages", {

method: "POST",

headers: {

"Content-Type": "application/json",

},

body: JSON.stringify({

model: "claude-sonnet-4-20250514",

max_tokens: 8000,

messages: [{ role: "user", content: reportPrompt }]

})

});

if (!response.ok) {

throw new Error(`API request failed: ${response.status}`);

}

const data = await response.json();

let responseText = data.content[0].text;

responseText = responseText.replace(/```json\n?/g, "").replace(/```\n?/g, "").trim();

try {

const reportData = JSON.parse(responseText);

setExecutiveReport(reportData);

setViewMode('report');

} catch (parseError) {

setExecutiveReport(hardcodedExecutiveReport);

setViewMode('report');

}

} catch (err) {

console.error("Error:", err);

setError(err.message || "Failed to generate executive report");

setExecutiveReport(hardcodedExecutiveReport);

setViewMode('report');

} finally {

setIsGeneratingReport(false);

}

};

const metadata = currentBriefing === 'generated' && generatedData?.metadata

? generatedData.metadata

: hardcodedMetadata;

const allStories = currentBriefing === 'generated' && generatedData?.stories

? generatedData.stories

: hardcodedStories;

const analyses = currentBriefing === 'generated' && generatedData?.analyses

? generatedData.analyses

: hardcodedAnalyses;

let filteredStories = allStories;

if (activeCategory !== 'all') {

filteredStories = filteredStories.filter(s => s.category === activeCategory);

}

if (activeVendor !== 'all') {

filteredStories = filteredStories.filter(s => s.vendor === activeVendor);

}

filteredStories = [...filteredStories].sort((a, b) => {

if (b.priority !== a.priority) return b.priority - a.priority;

return (b.sourceWeight || 5) - (a.sourceWeight || 5);

});

const criticalStories = allStories.filter(s => s.actionRequired && s.priority >= 9);

return (

<div className="min-h-screen bg-gradient-to-br from-slate-950 via-blue-950 to-indigo-950 p-6">

<div className="max-w-7xl mx-auto">

{/* Header */}

<div className="bg-gray-900 border border-blue-500 rounded-2xl shadow-2xl p-8 mb-6">

<div className="flex items-center justify-between mb-4">

<div className="flex items-center gap-3">

<Smartphone className="w-10 h-10 text-blue-400" />

<div>

<h1 className="text-4xl font-bold text-white">Cell Phone Intelligence System</h1>

<p className="text-blue-400 text-sm">Real-time Mobile Device Intelligence from 30+ Review Publications</p>

</div>

</div>

<div className="flex items-center gap-3">

{stats.duration > 0 && (

<div className="bg-gray-800 px-4 py-2 rounded-lg border border-blue-500">

<div className="flex items-center gap-2 text-blue-400">

<Clock className="w-4 h-4" />

<span className="font-mono text-sm">{stats.duration}s</span>

</div>

</div>

)}

<div className="bg-gray-800 px-4 py-2 rounded-lg border border-blue-500">

<div className="flex items-center gap-2 text-blue-400">

<Calendar className="w-4 h-4" />

<span className="font-mono text-sm">{metadata.date}</span>

</div>

</div>

</div>

</div>

{/* Critical Alerts */}

{metadata.criticalAlerts && metadata.criticalAlerts.length > 0 && (

<div className="bg-red-900/30 border border-red-500 rounded-lg p-4 mb-4">

<div className="flex items-start gap-2">

<AlertTriangle className="w-5 h-5 text-red-400 flex-shrink-0 mt-1" />

<div className="flex-1">

<div className="text-red-400 font-semibold mb-2">Mobile Industry Alerts</div>

{metadata.criticalAlerts.map((alert, idx) => (

<div key={idx} className="text-red-200 text-sm mb-1">{alert}</div>

))}

</div>

</div>

</div>

)}

{/* Stats */}

{stats.duration > 0 && (

<div className="grid grid-cols-5 gap-4 mb-4">

<div className="bg-gray-800 p-3 rounded-lg border border-blue-500">

<div className="text-blue-400 text-xs uppercase">Sources</div>

<div className="text-2xl font-bold text-white">{stats.sourcesQueried}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg border border-cyan-500">

<div className="text-cyan-400 text-xs uppercase">Searches</div>

<div className="text-2xl font-bold text-white">{stats.searchQueries}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg border border-purple-500">

<div className="text-purple-400 text-xs uppercase">API Calls</div>

<div className="text-2xl font-bold text-white">{stats.apiCalls}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg border border-yellow-500">

<div className="text-yellow-400 text-xs uppercase">Cost</div>

<div className="text-2xl font-bold text-white">${stats.estimatedCost}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg border border-green-500">

<div className="text-green-400 text-xs uppercase">Duration</div>

<div className="text-2xl font-bold text-white">{stats.duration}s</div>

</div>

</div>

)}

{/* Generate Buttons */}

<div className="mt-4 pt-4 border-t border-gray-700">

<div className="flex items-center justify-between gap-4">

<div className="flex-1">

<div className="text-sm text-gray-400 mb-1">

{currentBriefing === 'hardcoded' ? (

<span>📚 Sample briefing with demonstration data</span>

) : (

<span>🔴 LIVE intelligence from 30+ phone review sources</span>

)}

</div>

</div>

<div className="flex gap-3">

<button

onClick={generateManufacturerReviews}

disabled={isGeneratingReviews}

className={`px-4 py-3 rounded-lg font-semibold transition-all flex items-center gap-2 ${

isGeneratingReviews

? 'bg-gray-600 cursor-not-allowed'

: 'bg-gradient-to-r from-green-600 to-emerald-600 hover:from-green-500 hover:to-emerald-500 text-white shadow-lg'

}`}

>

{isGeneratingReviews ? (

<>

<Loader className="w-4 h-4 animate-spin" />

Generating...

</>

) : (

<>

<MessageSquare className="w-4 h-4" />

Manufacturer Reviews

</>

)}

</button>

<button

onClick={generateExecutiveReport}

disabled={isGeneratingReport}

className={`px-4 py-3 rounded-lg font-semibold transition-all flex items-center gap-2 ${

isGeneratingReport

? 'bg-gray-600 cursor-not-allowed'

: 'bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500 text-white shadow-lg'

}`}

>

{isGeneratingReport ? (

<>

<Loader className="w-4 h-4 animate-spin" />

Generating...

</>

) : (

<>

<FileText className="w-4 h-4" />

Executive Report

</>

)}

</button>

<button

onClick={generateNewBriefing}

disabled={isGenerating}

className={`px-6 py-3 rounded-lg font-semibold transition-all flex items-center gap-3 ${

isGenerating

? 'bg-gray-600 cursor-not-allowed'

: 'bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-500 hover:to-indigo-500 text-white shadow-lg'

}`}

>

{isGenerating ? (

<>

<Loader className="w-5 h-5 animate-spin" />

Gathering...

</>

) : (

<>

<Search className="w-5 h-5" />

Generate Live Briefing

</>

)}

</button>

</div>

</div>

</div>

{/* Search Log */}

{(searchLog.length > 0 || reviewsSearchLog.length > 0) && (

<div className="mt-4 bg-gray-800 rounded-lg p-4 border border-blue-500 max-h-48 overflow-y-auto">

<div className="text-xs font-semibold text-blue-400 uppercase mb-2">Intelligence Gathering Log</div>

<div className="space-y-1">

{[...searchLog, ...reviewsSearchLog].map((log, idx) => (

<div key={idx} className="text-xs text-gray-300 font-mono">

<span className="text-blue-400">[{log.time}]</span> {log.message}

</div>

))}

</div>

</div>

)}

{error && (

<div className="mt-4 bg-red-900/30 border border-red-600 rounded-lg p-4">

<div className="flex items-center gap-2 text-red-400">

<AlertCircle className="w-5 h-5" />

<span className="font-semibold">Error:</span>

<span>{error}</span>

</div>

</div>

)}

{/* Market Leaders */}

<div className="grid grid-cols-2 md:grid-cols-4 gap-4 mt-4">

{Object.entries(metadata.marketLeaders || {}).map(([key, value]) => (

<div key={key} className="bg-gray-800 p-3 rounded-lg border border-blue-500">

<div className="text-blue-400 text-xs uppercase">{key}</div>

<div className="text-sm font-bold text-white">{value}</div>

</div>

))}

</div>

</div>

{/* Key Themes and Metrics */}

<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">

<div className="bg-gray-800 rounded-lg p-4 border border-blue-500">

<h3 className="text-xs font-semibold text-blue-400 uppercase mb-3">🎯 Key Mobile Themes</h3>

<div className="space-y-2">

{metadata.keyThemes?.map((theme, idx) => (

<div key={idx} className="px-3 py-2 bg-blue-900/30 border border-blue-600 text-blue-200 rounded-lg text-sm">

{theme}

</div>

))}

</div>

</div>

<div className="bg-gray-800 rounded-lg p-4 border border-indigo-500">

<h3 className="text-xs font-semibold text-indigo-400 uppercase mb-3">📊 Market Metrics</h3>

<div className="space-y-2">

{Object.entries(metadata.marketMetrics || {}).map(([key, value]) => (

<div key={key} className="flex justify-between items-center px-3 py-2 bg-gray-700 rounded-lg">

<span className="text-gray-300 text-sm capitalize">{key.replace(/([A-Z])/g, ' $1').trim()}</span>

<span className="text-indigo-400 text-sm font-mono">{value}</span>

</div>

))}

</div>

</div>

</div>

{/* View Mode Toggle */}

<div className="bg-gray-900 border border-blue-500 rounded-xl p-6 mb-6">

<h3 className="text-xs font-semibold text-blue-400 uppercase mb-3">Intelligence View</h3>

<div className="flex gap-3 flex-wrap">

<button

onClick={() => setViewMode('reviews')}

className={`px-6 py-3 rounded-lg font-semibold transition-colors flex items-center gap-2 ${

viewMode === 'reviews' ? 'bg-green-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<Building2 className="w-5 h-5" />

Manufacturer Reviews

</button>

<button

onClick={() => setViewMode('analysis')}

className={`px-6 py-3 rounded-lg font-semibold transition-colors flex items-center gap-2 ${

viewMode === 'analysis' ? 'bg-blue-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<Target className="w-5 h-5" />

Strategic Analysis ({analyses.length})

</button>

<button

onClick={() => setViewMode('vendors')}

className={`px-6 py-3 rounded-lg font-semibold transition-colors flex items-center gap-2 ${

viewMode === 'vendors' ? 'bg-blue-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<BarChart3 className="w-5 h-5" />

Vendor Rankings

</button>

<button

onClick={() => setViewMode('stories')}

className={`px-6 py-3 rounded-lg font-semibold transition-colors flex items-center gap-2 ${

viewMode === 'stories' ? 'bg-blue-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<TrendingUp className="w-5 h-5" />

Mobile News ({allStories.length})

</button>

<button

onClick={() => setViewMode('report')}

className={`px-6 py-3 rounded-lg font-semibold transition-colors flex items-center gap-2 ${

viewMode === 'report' ? 'bg-purple-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<Award className="w-5 h-5" />

Executive Report

</button>

<button

onClick={() => setViewMode('critical')}

className={`px-6 py-3 rounded-lg font-semibold transition-colors flex items-center gap-2 ${

viewMode === 'critical' ? 'bg-red-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<AlertCircle className="w-5 h-5" />

Critical Updates ({criticalStories.length})

</button>

</div>

</div>

{/* Manufacturer Reviews View */}

{viewMode === 'reviews' && (

<div className="space-y-6">

<div className="bg-gradient-to-r from-green-900/60 to-emerald-900/60 border-2 border-green-500 rounded-2xl p-8">

<div className="flex items-start gap-4">

<div className="bg-green-500 rounded-full p-3">

<MessageSquare className="w-6 h-6 text-white" />

</div>

<div>

<h2 className="text-2xl font-bold text-green-200 mb-2">Comprehensive Manufacturer Reviews</h2>

<p className="text-green-300 text-sm">In-depth analysis from Reddit communities and G2 enterprise reviews</p>

</div>

</div>

</div>

{['Apple', 'Samsung', 'Google', 'OnePlus', 'Motorola'].map((manufacturer, idx) => {

const reviews = manufacturerReviews || hardcodedManufacturerReviews;

const review = reviews[manufacturer];

const ranking = vendorRankings[manufacturer];

return (

<div key={manufacturer} className="bg-gray-900 border border-green-500 rounded-2xl p-8">

{/* Manufacturer Header */}

<div className="flex items-start justify-between mb-6 pb-6 border-b border-gray-700">

<div className="flex items-center gap-4">

<div className="w-14 h-14 bg-gradient-to-br from-green-600 to-emerald-600 rounded-xl flex items-center justify-center">

<span className="text-white font-bold text-2xl">{idx + 1}</span>

</div>

<div>

<h2 className="text-3xl font-bold text-white">{manufacturer}</h2>

<div className="flex items-center gap-3 mt-1">

<span className="text-green-400 font-semibold">Rank: {ranking.rank}/10</span>

<span className="text-gray-400">•</span>

<span className="text-gray-300">{ranking.position}</span>

<span className="text-gray-400">•</span>

<span className="text-blue-400">{ranking.marketShare} Market Share</span>

</div>

</div>

</div>

<div className="text-right">

<div className="text-xl font-bold text-yellow-400">{ranking.satisfaction}</div>

<div className="text-xs text-gray-400">User Satisfaction</div>

</div>

</div>

{/* Review Sections */}

<div className="space-y-6">

{/* Corporate Section */}

<div className="bg-gray-800/50 rounded-lg p-6">

<div className="flex items-center gap-2 mb-3">

<Building2 className="w-5 h-5 text-blue-400" />

<h3 className="text-lg font-bold text-blue-400">Corporate Information</h3>

</div>

<p className="text-gray-300 leading-relaxed">{review.corporate}</p>

</div>

{/* Market Section */}

<div className="bg-gray-800/50 rounded-lg p-6">

<div className="flex items-center gap-2 mb-3">

<BarChart3 className="w-5 h-5 text-purple-400" />

<h3 className="text-lg font-bold text-purple-400">Market Position</h3>

</div>

<p className="text-gray-300 leading-relaxed">{review.market}</p>

</div>

{/* Product Section */}

<div className="bg-gray-800/50 rounded-lg p-6">

<div className="flex items-center gap-2 mb-3">

<Smartphone className="w-5 h-5 text-cyan-400" />

<h3 className="text-lg font-bold text-cyan-400">Product Advantages</h3>

</div>

<p className="text-gray-300 leading-relaxed">{review.product}</p>

</div>

{/* Technical Architecture Section */}

<div className="bg-gray-800/50 rounded-lg p-6">

<div className="flex items-center gap-2 mb-3">

<Cpu className="w-5 h-5 text-orange-400" />

<h3 className="text-lg font-bold text-orange-400">Technical Architecture</h3>

</div>

<p className="text-gray-300 leading-relaxed">{review.architecture}</p>

</div>

{/* Cost Analysis Section */}

<div className="bg-gray-800/50 rounded-lg p-6">

<div className="flex items-center gap-2 mb-3">

<DollarSign className="w-5 h-5 text-yellow-400" />

<h3 className="text-lg font-bold text-yellow-400">Cost Analysis</h3>

</div>

<p className="text-gray-300 leading-relaxed">{review.cost}</p>

</div>

{/* User Experience Section */}

<div className="bg-gray-800/50 rounded-lg p-6">

<div className="flex items-center gap-2 mb-3">

<MessageSquare className="w-5 h-5 text-pink-400" />

<h3 className="text-lg font-bold text-pink-400">End User Experience</h3>

</div>

<p className="text-gray-300 leading-relaxed">{review.experience}</p>

</div>

{/* Bottom Line Section */}

<div className="bg-gradient-to-r from-green-900/40 to-emerald-900/40 rounded-xl p-6 border-2 border-green-600">

<div className="flex items-center gap-2 mb-3">

<Target className="w-5 h-5 text-green-400" />

<h3 className="text-lg font-bold text-green-300">Bottom Line</h3>

</div>

<p className="text-green-100 leading-relaxed font-medium">{review.bottomLine}</p>

</div>

</div>

{/* Quick Stats */}

<div className="grid grid-cols-2 md:grid-cols-4 gap-4 mt-6 pt-6 border-t border-gray-700">

<div className="bg-gray-800 p-3 rounded-lg">

<div className="text-xs text-gray-400 mb-1">Flagship</div>

<div className="text-sm font-semibold text-white">{ranking.flagship}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg">

<div className="text-xs text-gray-400 mb-1">Price Range</div>

<div className="text-sm font-semibold text-yellow-400">{ranking.priceRange}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg">

<div className="text-xs text-gray-400 mb-1">Software Updates</div>

<div className="text-sm font-semibold text-green-400">{ranking.updatePolicy}</div>

</div>

<div className="bg-gray-800 p-3 rounded-lg">

<div className="text-xs text-gray-400 mb-1">Market Tier</div>

<div className="text-sm font-semibold text-blue-400">Tier {ranking.tier}</div>

</div>

</div>

</div>

);

})}

{/* Generate Button */}

<div className="mt-8 flex justify-center">

<button

onClick={generateManufacturerReviews}

disabled={isGeneratingReviews}

className={`px-6 py-3 rounded-lg font-semibold transition-all flex items-center gap-2 ${

isGeneratingReviews

? 'bg-gray-600 cursor-not-allowed'

: 'bg-gradient-to-r from-green-600 to-emerald-600 hover:from-green-500 hover:to-emerald-500 text-white shadow-lg'

}`}

>

{isGeneratingReviews ? (

<>

<Loader className="w-5 h-5 animate-spin" />

Regenerating Reviews...

</>

) : (

<>

<RefreshCw className="w-5 h-5" />

Generate Custom Reviews

</>

)}

</button>

</div>

</div>

)}

{/* Executive Report View */}

{viewMode === 'report' && (

<div className="bg-gray-900 border border-purple-500 rounded-2xl p-8">

<div className="prose prose-invert max-w-none">

<div className="mb-8 border-b border-gray-700 pb-6">

<h1 className="text-4xl font-bold text-white mb-2">

{(executiveReport || hardcodedExecutiveReport).title}

</h1>

<p className="text-xl text-purple-400">

{(executiveReport || hardcodedExecutiveReport).subtitle}

</p>

<p className="text-gray-400 mt-2">

{(executiveReport || hardcodedExecutiveReport).date}

</p>

</div>

<div className="mb-8">

<h2 className="text-2xl font-bold text-blue-400 mb-4">Executive Summary</h2>

<div className="text-gray-300 leading-relaxed space-y-4">

{((executiveReport || hardcodedExecutiveReport).executiveSummary || '').split('\n\n').map((para, idx) => (

<p key={idx} className="text-lg">{para}</p>

))}

</div>

</div>

{(executiveReport || hardcodedExecutiveReport).marketDynamics && (

<div className="mb-8">

<h2 className="text-2xl font-bold text-blue-400 mb-4">Market Dynamics</h2>

<div className="text-gray-300 leading-relaxed space-y-6">

{Object.entries((executiveReport || hardcodedExecutiveReport).marketDynamics).map(([key, content]) => (

<div key={key} className="bg-gray-800 rounded-lg p-6 border border-gray-700">

<h3 className="text-lg font-semibold text-blue-300 mb-3 capitalize">

{key === 'premiumSegment' ? 'Premium Segment Analysis' :

key === 'aiRevolution' ? 'AI Revolution in Smartphones' : key}

</h3>

{String(content).split('\n\n').map((para, idx) => (

<p key={idx} className="mb-4 last:mb-0">{para}</p>

))}

</div>

))}

</div>

</div>

)}

{(executiveReport || hardcodedExecutiveReport).technologyBreakthroughs && (

<div className="mb-8">

<h2 className="text-2xl font-bold text-blue-400 mb-4">Technology Breakthroughs</h2>

<div className="text-gray-300 leading-relaxed space-y-6">

{Object.entries((executiveReport || hardcodedExecutiveReport).technologyBreakthroughs).map(([key, content]) => (

<div key={key} className="bg-gray-800 rounded-lg p-6 border border-gray-700">

<h3 className="text-lg font-semibold text-blue-300 mb-3 capitalize">

{key === 'chargingEvolution' ? '200W Fast Charging Evolution' :

key === 'satelliteConnectivity' ? 'Satellite Connectivity Expansion' : key}

</h3>

{String(content).split('\n\n').map((para, idx) => (

<p key={idx} className="mb-4 last:mb-0">{para}</p>

))}

</div>

))}

</div>

</div>

)}

{(executiveReport || hardcodedExecutiveReport).ecosystemDynamics && (

<div className="mb-8">

<h2 className="text-2xl font-bold text-blue-400 mb-4">Ecosystem Dynamics</h2>

<div className="text-gray-300 leading-relaxed space-y-6">

{Object.entries((executiveReport || hardcodedExecutiveReport).ecosystemDynamics).map(([key, content]) => (

<div key={key} className="bg-gray-800 rounded-lg p-6 border border-gray-700">

<h3 className="text-lg font-semibold text-blue-300 mb-3 capitalize">

{key === 'appleIntegration' ? 'Apple Ecosystem Integration' :

key === 'samsungVersatility' ? 'Samsung Ecosystem Versatility' : key}

</h3>

{String(content).split('\n\n').map((para, idx) => (

<p key={idx} className="mb-4 last:mb-0">{para}</p>

))}

</div>

))}

</div>

</div>

)}

{(executiveReport || hardcodedExecutiveReport).strategicRecommendations && (

<div className="mb-8">

<h2 className="text-2xl font-bold text-blue-400 mb-4">Strategic Recommendations</h2>

<div className="bg-blue-900/20 border border-blue-600 rounded-lg p-6">

<div className="text-gray-300 leading-relaxed space-y-4">

{String((executiveReport || hardcodedExecutiveReport).strategicRecommendations).split('\n\n').map((para, idx) => (

<p key={idx} className="text-lg">{para}</p>

))}

</div>

</div>

</div>

)}

<div className="mt-8 pt-6 border-t border-gray-700">

<div className="flex items-center justify-between">

<div className="text-sm text-gray-400">

{executiveReport ?

<span>✨ Custom report from current intelligence</span> :

<span>📄 Sample executive report</span>

}

</div>

<button

onClick={generateExecutiveReport}

disabled={isGeneratingReport}

className={`px-4 py-2 rounded-lg font-semibold transition-all flex items-center gap-2 text-sm ${

isGeneratingReport

? 'bg-gray-600 cursor-not-allowed'

: 'bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500 text-white shadow-lg'

}`}

>

{isGeneratingReport ? (

<>

<Loader className="w-4 h-4 animate-spin" />

Regenerating...

</>

) : (

<>

<RefreshCw className="w-4 h-4" />

Generate Custom

</>

)}

</button>

</div>

</div>

</div>

</div>

)}

{/* Vendor Rankings View */}

{viewMode === 'vendors' && (

<div className="bg-gray-900 border border-blue-500 rounded-2xl p-8">

<div className="mb-8">

<div className="flex items-center gap-3 mb-4">

<BarChart3 className="w-8 h-8 text-blue-400" />

<h2 className="text-3xl font-bold text-white">2025 Smartphone Manufacturer Rankings</h2>

</div>

<p className="text-gray-400 mb-4">Comprehensive analysis of top phone manufacturers based on specifications, user reviews, market share, and long-term value.</p>

</div>

{/* Tier 1: Premium Leaders */}

<div className="mb-8">

<div className="bg-gradient-to-r from-yellow-900/30 to-orange-900/30 border-2 border-yellow-600 rounded-xl p-6 mb-6">

<h3 className="text-2xl font-bold text-yellow-400 mb-2">🏆 Tier 1: Premium Market Leaders (Rank 9-10)</h3>

<p className="text-yellow-200 text-sm">Industry-leading flagships with comprehensive ecosystems</p>

</div>

<div className="grid grid-cols-1 gap-6">

{Object.entries(vendorRankings)

.filter(([_, data]) => data.tier === 1)

.sort((a, b) => b[1].rank - a[1].rank)

.map(([vendor, data], idx) => (

<div key={vendor} className="bg-gray-800 border-2 border-yellow-500 rounded-xl p-6">

<div className="flex items-start justify-between mb-4">

<div className="flex-1">

<div className="flex items-center gap-3 mb-2">

<h4 className="text-2xl font-bold text-white">{idx + 1}. {vendor}</h4>

<span className="text-yellow-400 font-semibold">★ {data.rank}/10</span>

<span className="px-3 py-1 bg-yellow-600 text-white text-xs font-bold rounded-full uppercase">

{data.position.split(' - ')[0]}

</span>

</div>

<div className="text-yellow-300 text-sm mb-3">{data.position}</div>

<div className="text-gray-300 text-sm mb-4">{data.strength}</div>

</div>

<div className="text-right">

<div className="text-4xl font-bold text-yellow-400">{data.rank}</div>

<div className="text-xs text-gray-400">Overall Score</div>

</div>

</div>

<div className="grid grid-cols-2 md:grid-cols-4 gap-4 mb-4">

<div>

<div className="text-xs text-gray-400 mb-1">Market Share</div>

<div className="text-white font-semibold">{data.marketShare}</div>

</div>

<div>

<div className="text-xs text-gray-400 mb-1">User Rating</div>

<div className="text-green-400 font-semibold">{data.satisfaction}</div>

</div>

<div>

<div className="text-xs text-gray-400 mb-1">Flagship Model</div>

<div className="text-white font-semibold">{data.flagship}</div>

</div>

<div>

<div className="text-xs text-gray-400 mb-1">Price Range</div>

<div className="text-yellow-400 font-semibold">{data.priceRange}</div>

</div>

</div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">

<div className="bg-green-900/20 border border-green-600 rounded-lg p-3">

<div className="text-green-400 font-semibold text-sm mb-2">✓ Key Strengths</div>

<ul className="space-y-1 text-sm">

{data.strengths.slice(0, 3).map((strength, i) => (

<li key={i} className="text-green-200">• {strength}</li>

))}

</ul>

</div>

<div className="bg-red-900/20 border border-red-600 rounded-lg p-3">

<div className="text-red-400 font-semibold text-sm mb-2">✗ Considerations</div>

<ul className="space-y-1 text-sm">

{data.weaknesses.slice(0, 3).map((weakness, i) => (

<li key={i} className="text-red-200">• {weakness}</li>

))}

</ul>

</div>

</div>

</div>

))}

</div>

</div>

</div>

)}

{/* Stories View */}

{viewMode === 'stories' && (

<>

<div className="bg-gray-900 border border-blue-500 rounded-xl p-6 mb-6">

<div className="space-y-4">

<div>

<h3 className="text-xs font-semibold text-blue-400 uppercase mb-3">Filter by Category</h3>

<div className="flex gap-2 flex-wrap">

<button

onClick={() => setActiveCategory('all')}

className={`px-4 py-2 rounded-lg font-medium transition-colors ${

activeCategory === 'all' ? 'bg-blue-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

All ({allStories.length})

</button>

{Object.entries(phoneCategories).map(([key, cat]) => {

const count = allStories.filter(s => s.category === key).length;

const Icon = cat.icon;

return count > 0 ? (

<button

key={key}

onClick={() => setActiveCategory(key)}

className={`px-3 py-2 rounded-lg text-sm font-medium transition-colors flex items-center gap-1 ${

activeCategory === key ? cat.color : 'bg-gray-700 text-gray-300 hover:bg-gray-600'

}`}

>

<Icon className="w-4 h-4" />

{cat.name} ({count})

</button>

) : null;

})}

</div>

</div>

</div>

</div>

<div className="bg-gray-900 border border-blue-500 rounded-2xl p-8">

<h2 className="text-2xl font-bold text-white mb-6">

{filteredStories.length} Mobile Device News & Reviews

</h2>

<div className="space-y-8">

{filteredStories.map((story) => {

const catInfo = phoneCategories[story.category] || { name: story.category, color: 'bg-gray-100 text-gray-700' };

const isExpanded = expandedStory === story.id;

const Icon = catInfo.icon || Smartphone;

return (

<div key={story.id} className="border-b border-gray-700 pb-8 last:border-0">

<div className="flex items-start gap-4">

<div className="flex-shrink-0">

<span className="text-blue-500 font-mono text-sm font-bold">

{String(story.id).padStart(2, '0')}

</span>

{story.priority >= 9 && <div className="w-8 h-1 bg-red-500 rounded mt-1"></div>}

</div>

<div className="flex-1">

<div className="flex items-center gap-2 mb-3 flex-wrap">

<span className="text-xs bg-gray-700 text-gray-300 px-2 py-1 rounded font-semibold">

{story.vendor}

</span>

<h3 className="font-bold text-white text-lg">{story.entity}</h3>

{story.actionRequired && (

<span className="text-xs bg-red-600 text-white px-2 py-1 rounded font-bold uppercase animate-pulse">

Action Required

</span>

)}

<span className={`text-xs px-2 py-1 rounded font-semibold flex items-center gap-1 ${catInfo.color}`}>

<Icon className="w-3 h-3" />

{catInfo.name}

</span>

</div>

<h4 className="text-blue-300 font-semibold mb-3 text-lg">{story.headline}</h4>

<div className="bg-gray-800/50 rounded-lg p-4 mb-4">

<p className="text-gray-300 leading-relaxed">{story.summary}</p>

</div>

{story.whyItMatters && (

<div className="bg-blue-900/20 border border-blue-600 rounded-lg p-4 mb-4">

<div className="flex items-center gap-2 text-blue-400 font-semibold text-sm mb-2">

<ChevronRight className="w-4 h-4" />

Why It Matters

</div>

<p className="text-blue-100 text-sm leading-relaxed">{story.whyItMatters}</p>

</div>

)}

<div className="flex items-center gap-4 text-xs text-gray-500 mt-4">

<span className="flex items-center gap-1">

<Clock className="w-3 h-3" />

{story.date}

</span>

<span className="flex items-center gap-1">

<Globe className="w-3 h-3" />

{story.source}

</span>

<button

onClick={() => setExpandedStory(isExpanded ? null : story.id)}

className="ml-auto text-blue-400 hover:text-blue-300 font-semibold"

>

{isExpanded ? 'Show Less' : 'Show More'} →

</button>

</div>

</div>

</div>

</div>

);

})}

</div>

</div>

</>

)}

{/* Critical Updates View */}

{viewMode === 'critical' && (

<div className="bg-gray-900 border border-red-500 rounded-2xl p-8">

<div className="flex items-center gap-3 mb-6">

<AlertCircle className="w-8 h-8 text-red-400" />

<h2 className="text-2xl font-bold text-white">Critical Mobile Updates</h2>

</div>

{criticalStories.length === 0 ? (

<div className="text-center py-12 text-gray-400">

<CheckCircle className="w-12 h-12 mx-auto mb-4 text-green-400" />

<p className="text-lg">No critical mobile device updates at this time</p>

</div>

) : (

<div className="space-y-6">

{criticalStories.map((story) => (

<div key={story.id} className="bg-red-900/20 border border-red-600 rounded-lg p-6">

<h3 className="text-xl font-bold text-white mb-3">{story.headline}</h3>

<p className="text-gray-300 mb-4">{story.summary}</p>

</div>

))}

</div>

)}

</div>

)}

{/* Analysis View */}

{viewMode === 'analysis' && (

<div className="space-y-6">

<div className="bg-gradient-to-r from-blue-900/60 to-indigo-900/60 border-2 border-blue-500 rounded-2xl p-8">

<div className="flex items-start gap-4">

<div className="bg-blue-500 rounded-full p-3">

<Target className="w-6 h-6 text-white" />

</div>

<div>

<h2 className="text-2xl font-bold text-blue-200 mb-2">Strategic Mobile Analysis</h2>

<p className="text-blue-300 text-sm">Problem → Solution → Value → Bottom Line Framework</p>

</div>

</div>

</div>

{analyses.map((analysis, idx) => (

<div key={analysis.id} className="bg-gray-900 border border-blue-500 rounded-2xl p-8">

<div className="flex items-start gap-4 mb-6">

<div className="w-12 h-12 bg-gradient-to-br from-blue-600 to-indigo-600 rounded-xl flex items-center justify-center">

<span className="text-white font-bold text-xl">{idx + 1}</span>

</div>

<div className="flex-1">

<h2 className="text-3xl font-bold text-white mb-2">{analysis.title}</h2>

<div className="text-blue-400 font-semibold">{analysis.theme}</div>

</div>

</div>

<div className="mb-8">

<div className="flex items-center gap-3 mb-4">

<div className="w-8 h-8 bg-red-600 rounded-lg flex items-center justify-center">

<AlertCircle className="w-5 h-5 text-white" />

</div>

<h3 className="text-xl font-bold text-red-400">The Problem</h3>

</div>

<div className="bg-gray-800/50 rounded-lg p-6 border border-gray-700">

<p className="text-gray-300 leading-relaxed">{analysis.problem}</p>

</div>

</div>

<div className="mb-8">

<div className="flex items-center gap-3 mb-4">

<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">

<CheckCircle className="w-5 h-5 text-white" />

</div>

<h3 className="text-xl font-bold text-blue-400">The Solution</h3>

</div>

<div className="bg-gray-800/50 rounded-lg p-6 border border-gray-700">

<p className="text-gray-300 leading-relaxed">{analysis.solution}</p>

</div>

</div>

<div className="mb-8">

<div className="flex items-center gap-3 mb-4">

<div className="w-8 h-8 bg-green-600 rounded-lg flex items-center justify-center">

<Zap className="w-5 h-5 text-white" />

</div>

<h3 className="text-xl font-bold text-green-400">The Value</h3>

</div>

<div className="bg-gray-800/50 rounded-lg p-6 border border-gray-700">

<p className="text-gray-300 leading-relaxed">{analysis.value}</p>

</div>

</div>

<div className="bg-gradient-to-r from-blue-900/40 to-indigo-900/40 rounded-xl p-6 border-2 border-blue-600">

<div className="flex items-center gap-3 mb-4">

<div className="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">

<Target className="w-5 h-5 text-white" />

</div>

<h3 className="text-xl font-bold text-blue-300">Bottom Line</h3>

</div>

<p className="text-blue-100 leading-relaxed font-medium">{analysis.bottomLine}</p>

</div>

</div>

))}

</div>

)}

</div>

</div>

);

}

Next
Next

Executive Code: Infrastructure as a Service (IaaS) News & Analysis