Lzy01241010 commited on
Commit
9707317
Β·
1 Parent(s): 98cabfd

Hero: italic-serif Quest brand mark; harder BrowseComp-style examples

Browse files
Files changed (1) hide show
  1. app.py +17 -14
app.py CHANGED
@@ -342,6 +342,13 @@ gradio-app > div {
342
  letter-spacing: -0.01em !important;
343
  text-transform: none !important;
344
  color: var(--q-text) !important;
 
 
 
 
 
 
 
345
  margin: 4px 0 14px 0 !important;
346
  }
347
  .hero-subtitle {
@@ -1656,30 +1663,26 @@ def run_ui(
1656
 
1657
  EXAMPLES = [
1658
  {
1659
- "category": "Fixed facts",
1660
- "icon": "🎯",
1661
- "text": "When did the Titanic sink, and how many of the people on board survived?",
1662
  },
1663
  {
1664
- "category": "Time-varying",
1665
- "icon": "πŸ“ˆ",
1666
- "text": "Which country is the reigning FIFA World Cup champion, and when and where is the next World Cup?",
1667
  },
1668
  {
1669
- "category": "Multi-constraints",
1670
- "icon": "🧩",
1671
- "text": "Find a 2-day Tokyo itinerary under $250 focused on museums and vegetarian food.",
1672
  },
1673
  {
1674
  "category": "Long-form research report",
1675
- "icon": "πŸ“š",
1676
- "text": "Write a short guide comparing electric cars vs hybrid cars for a daily commuter, covering cost, range, and maintenance.",
1677
  },
1678
  ]
1679
 
1680
 
1681
  def _example_label(ex: Dict[str, str]) -> str:
1682
- return f"{ex['icon']} {ex['category']} β€” {ex['text']}"
1683
 
1684
 
1685
  with gr.Blocks(
@@ -1707,7 +1710,7 @@ with gr.Blocks(
1707
  with gr.Group(elem_classes="section-card"):
1708
  gr.HTML(
1709
  '<div class="section-heading">Ask the agent</div>'
1710
- '<div class="hero-heading">What can I research for you?</div>'
1711
  )
1712
  question = gr.Textbox(
1713
  show_label=False,
@@ -1722,7 +1725,7 @@ with gr.Blocks(
1722
  with gr.Group(elem_classes="section-card"):
1723
  gr.HTML(
1724
  '<div class="section-heading">Try examples</div>'
1725
- '<div class="example-note">Each prompt shows the kind of query it represents. Click one to auto-fill.</div>'
1726
  )
1727
  with gr.Column(elem_classes="example-buttons"):
1728
  example_buttons = [
 
342
  letter-spacing: -0.01em !important;
343
  text-transform: none !important;
344
  color: var(--q-text) !important;
345
+ }
346
+ .quest-name {
347
+ font-family: "Source Serif 4", "Source Serif Pro", ui-serif, Georgia, serif;
348
+ font-style: italic;
349
+ font-weight: 700;
350
+ color: var(--q-accent);
351
+ letter-spacing: 0.005em;
352
  margin: 4px 0 14px 0 !important;
353
  }
354
  .hero-subtitle {
 
1663
 
1664
  EXAMPLES = [
1665
  {
1666
+ "category": "Multi-hop facts",
1667
+ "text": "Which actor played the lead in the 1994 film directed by Robert Zemeckis, and which novel was that film adapted from?",
 
1668
  },
1669
  {
1670
+ "category": "Time-varying + multi-hop",
1671
+ "text": "Who is the current CEO of the company that acquired GitHub in 2018, and what was that company's market capitalization at the close of the most recent quarter?",
 
1672
  },
1673
  {
1674
+ "category": "Multi-constraint",
1675
+ "text": "Find a 2-day itinerary in Tokyo under $250 focused on contemporary art museums and vegetarian restaurants, including transit between sites.",
 
1676
  },
1677
  {
1678
  "category": "Long-form research report",
1679
+ "text": "Compare the LLM-safety research approaches of Anthropic, OpenAI, and Google DeepMind over the past 18 months, focusing on alignment techniques and red-teaming methodologies.",
 
1680
  },
1681
  ]
1682
 
1683
 
1684
  def _example_label(ex: Dict[str, str]) -> str:
1685
+ return f"{ex['category']} β€” {ex['text']}"
1686
 
1687
 
1688
  with gr.Blocks(
 
1710
  with gr.Group(elem_classes="section-card"):
1711
  gr.HTML(
1712
  '<div class="section-heading">Ask the agent</div>'
1713
+ '<div class="hero-heading"><span class="quest-name">Quest</span>: What I can research for you?</div>'
1714
  )
1715
  question = gr.Textbox(
1716
  show_label=False,
 
1725
  with gr.Group(elem_classes="section-card"):
1726
  gr.HTML(
1727
  '<div class="section-heading">Try examples</div>'
1728
+ '<div class="example-note"><span class="quest-name">Quest</span> can handle multiple types of queries as shown below.</div>'
1729
  )
1730
  with gr.Column(elem_classes="example-buttons"):
1731
  example_buttons = [