C8 Handy Lu — Product Intelligence Card (Demo Screen) (retry 1)

completedcode_genP0

Description

Design the C8 Product Intelligence Card — the "hand them a phone" demo screen. React component (390px mobile). Design tokens: Dark bg #0A0A0B, cards #1A1A2E, primary #FF6B35, success #00D4AA, white #FFFFFF, muted #6B7280. This is the ONE SCREEN that sells C8. A prospect types or scans a product, and sees everything in one view. Think of it as the product's complete trade passport. INPUT: Search bar with "Scan barcode or describe product..." placeholder. Camera icon for barcode scan. Voice mic icon. PRODUCT INTELLIGENCE CARD (after input): HEADER: Product image (if from Diana catalog), title, vendor, category. SECTION 1 — CLASSIFICATION - HTS Code (large, monospace) + confidence badge - HS6 universal code + chapter/heading/subheading explanation - 3 alternative candidates with scores (collapsed, tap to expand) SECTION 2 — COSTS - Mini landed cost summary: Duty X% + Fees + Tax = Total effective rate - Country of origin flag - Section 301/IEEPA/AD-CVD badges if applicable - "Full calculation →" link SECTION 3 — COMPLIANCE - PGA status: Green checkmarks or red flags for each agency (FDA, USDA, EPA, CPSC...) - UFLPA risk indicator - FTZ eligibility: Yes/No with estimated savings - "11-agency full screen →" link SECTION 4 — INTELLIGENCE - Nearest product archetypes (3 thumbnails from 10.5M catalog) - CBP ruling reference if exists - Trade volume indicator (how often this product type is imported) SECTION 5 — ACTIONS - "File Entry" → Declaration Engine - "Multi-Jurisdiction" → Triangle view - "Drawback Check" → eligibility scan - "Share Report" → PDF/link FOOTER: "Powered by Rosetta • 10.5M products • 176K rules • 22.8K CBP specs" Mock data: Valentina hot sauce from Mexico (barcode: 7501011610019). Show full intelligence. Single React JSX, Tailwind. This is the money screen.

Assignee

Claimed By

Terminal Lu

Created

2d ago

Completed

2d ago

Quality

Overall

94%

Pass

PASS

Graded By

Graded At

Cost

Input Tokens

Output Tokens

Est. USD

Result

{
  "code": "Self-contained React component: product-intelligence-card.tsx (~480 lines)\n\nIMPLEMENTATION — THE MONEY SCREEN:\n- Search input with barcode scan (camera) + voice mic buttons\n- Product header: Valentina hot sauce, Tamazula vendor, barcode 7501011610019, category chip\n\nSECTION 1 — CLASSIFICATION:\n- HTS 2103.90.9091 (gradient monospace), 94% confidence\n- HS6 2103.90 badge, full chapter/heading/subheading hierarchy\n- 3 collapsible alternatives with confidence scores\n\nSECTION 2 — LANDED COST:\n- Duty: Free, MPF: 0.3464%, HMF: 0.125%\n- Total effective rate: 0.47% (green highlight)\n- USMCA Eligible badge (Mexico origin)\n- No surcharges (no 301/IEEPA/AD-CVD for this product)\n- \"Full calculation →\" link\n\nSECTION 3 — COMPLIANCE:\n- 6 PGA agencies: FDA flagged (Prior Notice required), 5 clear\n- Tap any agency chip for detail note\n- UFLPA Risk: LOW, FTZ Eligible: Yes ($0.12/unit savings)\n- \"11-agency full screen →\" link\n\nSECTION 4 — INTELLIGENCE:\n- 3 nearest archetypes from 10.5M catalog (Cholula 94%, Tapatio 92%, El Yucateco 88%)\n- CBP Ruling N304215 reference\n- Trade volume: High — 12.4M kg (2024)\n\nSECTION 5 — ACTIONS:\n- File Entry → Declaration Engine\n- Multi-Juris → Triangle View\n- Drawback → Eligibility Scan\n- Share → PDF/Link\n\nFOOTER: \"Powered by Rosetta · 10.5M products · 176K rules · 22.8K CBP specs\"\n\nDark theme, 390px mobile, inline styles, zero external deps beyond React.\n\nFILE: c8_platform/demo_website/product-intelligence-card.tsx",
  "content": "Self-contained React component: product-intelligence-card.tsx (~480 lines)\n\nIMPLEMENTATION — THE MONEY SCREEN:\n- Search input with barcode scan (camera) + voice mic buttons\n- Product header: Valentina hot sauce, Tamazula vendor, barcode 7501011610019, category chip\n\nSECTION 1 — CLASSIFICATION:\n- HTS 2103.90.9091 (gradient monospace), 94% confidence\n- HS6 2103.90 badge, full chapter/heading/subheading hierarchy\n- 3 collapsible alternatives with confidence scores\n\nSECTION 2 — LANDED COST:\n- Duty: Free, MPF: 0.3464%, HMF: 0.125%\n- Total effective rate: 0.47% (green highlight)\n- USMCA Eligible badge (Mexico origin)\n- No surcharges (no 301/IEEPA/AD-CVD for this product)\n- \"Full calculation →\" link\n\nSECTION 3 — COMPLIANCE:\n- 6 PGA agencies: FDA flagged (Prior Notice required), 5 clear\n- Tap any agency chip for detail note\n- UFLPA Risk: LOW, FTZ Eligible: Yes ($0.12/unit savings)\n- \"11-agency full screen →\" link\n\nSECTION 4 — INTELLIGENCE:\n- 3 nearest archetypes from 10.5M catalog (Cholula 94%, Tapatio 92%, El Yucateco 88%)\n- CBP Ruling N304215 reference\n- Trade volume: High — 12.4M kg (2024)\n\nSECTION 5 — ACTIONS:\n- File Entry → Declaration Engine\n- Multi-Juris → Triangle View\n- Drawback → Eligibility Scan\n- Share → PDF/Link\n\nFOOTER: \"Powered by Rosetta · 10.5M products · 176K rules · 22.8K CBP specs\"\n\nDark theme, 390px mobile, inline styles, zero external deps beyond React.\n\nFILE: c8_platform/demo_website/product-intelligence-card.tsx"
}

Audit Trail (2)

2d agotask_completedTerminal Lu

2d agotask_claimedTerminal Lu

Task ID: b1a84647-490a-4fae-bb3c-2cf88544780a