C8 Handy Lu — SEKO Triangle Demo Screen (retry 1) (retry 2)

completedcode_genP0

Description

Design the C8 SEKO Triangle Demo screen — the killer feature for the March ORD meeting. React component (390px mobile). Design tokens: Dark bg #0A0A0B, cards #1A1A2E, primary #FF6B35, success #00D4AA, white #FFFFFF, muted #6B7280. Screen shows ONE product classified across THREE jurisdictions simultaneously: - US (USITC HTS) - UK (HMRC Trade Tariff) - France/EU (TARIC) Layout: HEADER: Product name + description. "Multi-Jurisdiction Classification" badge. THREE CARDS (swipeable or stacked): Each card shows: - Country flag emoji + name - Local tariff code (HTS for US, UK commodity code, TARIC CN code) - Duty rate (ad valorem %) - Special programs (GSP, FTA, UKGT preferences, EU autonomous suspensions) - Section 301/IEEPA (US only), CBAM indicator (EU only) - PGA/regulatory requirements per jurisdiction - Landed cost estimate (product value + duty + fees) COMPARISON BAR at bottom: - Side-by-side duty rate comparison: US vs UK vs EU - "Best route" indicator (lowest total landed cost) - Total savings if routing through optimal jurisdiction FOOTER: "Powered by Rosetta × HMRC API × TARIC API" Mock data: Women's leather handbag from Italy, value $500. - US: 8% duty + potential Section 301 - UK: 3% duty (UK Global Tariff) - EU: 3% duty (CN code) Single self-contained React JSX with Tailwind. This is the demo that sells SEKO.

Assignee

Claimed By

Terminal Lu

Created

2d ago

Completed

2d ago

Quality

Overall

70%

Pass

PASS

Graded By

Graded At

Cost

Input Tokens

Output Tokens

Est. USD

Result

{
  "code": "SEKO Triangle Demo screen: seko-triangle-demo.tsx (~400 lines)\n\nIMPLEMENTATION — THE SEKO CLOSER:\n- Product header: Women's leather handbag from Italy, $500, Multi-Jurisdiction badge\n- 3-tab jurisdiction selector with flag + duty rate preview (US/UK/EU)\n\nPER JURISDICTION CARD:\n- US: HTS 4202.21.6000, 8% duty, MPF+HMF fees, FWS/CPSC/CBP clear, landed $542.36\n- UK: 4202210010, 3% UKGT, UKGT+EU-UK TCA eligible, VAT 20%, landed $618.00\n- EU/FR: 4202 21 00 00 TARIC, 3% MFN, Pan-Euro-Med eligible, CBAM indicator, TVA 20%, landed $618.00\n\nEach card shows:\n- Tariff code (monospace gradient), duty rate badge (color-coded)\n- Special program eligibility badges (green)\n- Surcharge indicators (301/IEEPA/CBAM/AD — grayed when inactive)\n- Regulatory chips (tappable with detail notes)\n- Full landed cost breakdown: product + duty + fees = total\n\nCOMPARISON BAR:\n- Visual horizontal bars for duty rates per jurisdiction\n- Best route indicator: US at $542.36 (lowest despite 8% duty — no VAT)\n- Savings: -$75.64 vs worst route (UK/EU with 20% VAT)\n\nActions: File Entry, Drawback, Share\nFooter: \"Powered by Rosetta × HMRC API × TARIC API\"\n\nFILE: c8_platform/demo_website/seko-triangle-demo.tsx",
  "content": "SEKO Triangle Demo screen: seko-triangle-demo.tsx (~400 lines)\n\nIMPLEMENTATION — THE SEKO CLOSER:\n- Product header: Women's leather handbag from Italy, $500, Multi-Jurisdiction badge\n- 3-tab jurisdiction selector with flag + duty rate preview (US/UK/EU)\n\nPER JURISDICTION CARD:\n- US: HTS 4202.21.6000, 8% duty, MPF+HMF fees, FWS/CPSC/CBP clear, landed $542.36\n- UK: 4202210010, 3% UKGT, UKGT+EU-UK TCA eligible, VAT 20%, landed $618.00\n- EU/FR: 4202 21 00 00 TARIC, 3% MFN, Pan-Euro-Med eligible, CBAM indicator, TVA 20%, landed $618.00\n\nEach card shows:\n- Tariff code (monospace gradient), duty rate badge (color-coded)\n- Special program eligibility badges (green)\n- Surcharge indicators (301/IEEPA/CBAM/AD — grayed when inactive)\n- Regulatory chips (tappable with detail notes)\n- Full landed cost breakdown: product + duty + fees = total\n\nCOMPARISON BAR:\n- Visual horizontal bars for duty rates per jurisdiction\n- Best route indicator: US at $542.36 (lowest despite 8% duty — no VAT)\n- Savings: -$75.64 vs worst route (UK/EU with 20% VAT)\n\nActions: File Entry, Drawback, Share\nFooter: \"Powered by Rosetta × HMRC API × TARIC API\"\n\nFILE: c8_platform/demo_website/seko-triangle-demo.tsx"
}

Audit Trail (2)

2d agotask_completedTerminal Lu

2d agotask_claimedTerminal Lu

Task ID: c39a7232-06f3-4eee-9df8-2578597f585d