ui: card-style resource links (paper/code/data/model) with icons; QUEST capitalization

- Open release sidebar block now uses .resource-card with SVG icons (paper, github) and HF emoji for data/model, two-line label (title + subtitle)
- Default URLs hardcoded for the four resources (paper/code/data/model) so they work even without env Secrets
- Capitalize "Quest" -> "QUEST" in the example-note line

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

app.py

@@ -32,10 +32,10 @@ DEFAULT_MODEL = QUEST_MODEL_ID
 # Internal defaults. Search budget is no longer user-tunable.
 DEFAULT_MAX_SEARCH_RESULTS = 10
 
-PAPER_URL = os.getenv("PAPER_URL", "#")
-CODE_URL = os.getenv("CODE_URL", "#")
-DATASET_URL = os.getenv("DATASET_URL", "#")
-MODEL_URL = os.getenv("MODEL_URL", "#")
+PAPER_URL = os.getenv("PAPER_URL", "https://osu-nlp-group.github.io/quest-gh-test/")
+CODE_URL = os.getenv("CODE_URL", "https://github.com/OSU-NLP-Group/QUEST")
+DATASET_URL = os.getenv("DATASET_URL", "https://huggingface.co/collections/osunlp/quest")
+MODEL_URL = os.getenv("MODEL_URL", "https://huggingface.co/osunlp/QUEST-35B-RL")
 
 
 # --- System prompt ---------------------------------------------------------
@@ -396,6 +396,68 @@ gradio-app > div {
   transform: translateY(-1px);
 }
 
+/* Resource cards (paper / code / data / model) — icon + label, eye-catching */
+.resource-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  width: 100%;
+}
+.resource-card {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 14px;
+  border-radius: 14px;
+  text-decoration: none !important;
+  color: var(--q-text) !important;
+  background: var(--q-paper);
+  border: 1px solid var(--q-line-strong);
+  transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
+}
+.resource-card:hover {
+  background: var(--q-accent-soft);
+  border-color: var(--q-accent-line);
+  color: var(--q-accent) !important;
+  transform: translateY(-1px);
+}
+.resource-card-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  flex-shrink: 0;
+  border-radius: 8px;
+  background: var(--q-surface-alt);
+  color: var(--q-text);
+}
+.resource-card-icon svg {
+  width: 18px;
+  height: 18px;
+  fill: currentColor;
+}
+.resource-card-icon.resource-card-emoji {
+  background: transparent;
+  font-size: 22px;
+  line-height: 1;
+}
+.resource-card-text {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.15;
+  min-width: 0;
+}
+.resource-card-text strong {
+  font-weight: 700;
+  font-size: 0.92rem;
+}
+.resource-card-text small {
+  font-size: 0.72rem;
+  color: var(--q-muted);
+  margin-top: 2px;
+}
+
 /* === Buttons ============================================================ */
 [class*="gradio-container"] button.primary,
 [class*="gradio-container"] .gr-button-primary {
@@ -1873,7 +1935,7 @@ with gr.Blocks(
             with gr.Group(elem_classes="section-card"):
                 gr.HTML(
                     '<div class="section-heading">Try examples</div>'
-                    '<div class="example-note"><span class="quest-name">Quest</span> can handle multiple types of queries as shown below.</div>'
+                    '<div class="example-note"><span class="quest-name">QUEST</span> can handle multiple types of queries as shown below.</div>'
                 )
                 with gr.Column(elem_classes="example-buttons"):
                     example_buttons = [
@@ -1894,11 +1956,27 @@ with gr.Blocks(
                 gr.HTML(
                     f"""
 <div class="section-heading">Open release</div>
-<div class="icon-grid">
-  <a class="icon-link" href="{PAPER_URL}" target="_blank" rel="noopener noreferrer">Paper</a>
-  <a class="icon-link" href="{CODE_URL}" target="_blank" rel="noopener noreferrer">Code</a>
-  <a class="icon-link" href="{DATASET_URL}" target="_blank" rel="noopener noreferrer">Dataset</a>
-  <a class="icon-link" href="{MODEL_URL}" target="_blank" rel="noopener noreferrer">Model</a>
+<div class="resource-grid">
+  <a class="resource-card" href="{PAPER_URL}" target="_blank" rel="noopener noreferrer">
+    <span class="resource-card-icon" aria-hidden="true">
+      <svg viewBox="0 0 24 24" role="img" focusable="false"><path d="M6 2.5h8.2L19 7.3v14.2H6V2.5Zm8 1.9v3.2h3.2L14 4.4ZM8.1 9.8h8.8V8.4H8.1v1.4Zm0 3.3h8.8v-1.4H8.1v1.4Zm0 3.3h6.4V15H8.1v1.4Z"/></svg>
+    </span>
+    <span class="resource-card-text"><strong>Paper</strong><small>Blog</small></span>
+  </a>
+  <a class="resource-card" href="{CODE_URL}" target="_blank" rel="noopener noreferrer">
+    <span class="resource-card-icon" aria-hidden="true">
+      <svg viewBox="0 0 24 24" role="img" focusable="false"><path d="M12 1.8c-5.7 0-10.3 4.6-10.3 10.3 0 4.6 3 8.5 7.1 9.8.5.1.7-.2.7-.5v-1.8c-2.9.6-3.5-1.2-3.5-1.2-.5-1.2-1.1-1.5-1.1-1.5-.9-.6.1-.6.1-.6 1 .1 1.6 1.1 1.6 1.1.9 1.6 2.4 1.1 3 .8.1-.7.4-1.1.7-1.3-2.3-.3-4.7-1.2-4.7-5.1 0-1.1.4-2.1 1.1-2.8-.1-.3-.5-1.4.1-2.8 0 0 .9-.3 2.9 1.1.8-.2 1.7-.3 2.6-.3s1.8.1 2.6.3c2-1.4 2.9-1.1 2.9-1.1.6 1.4.2 2.5.1 2.8.7.8 1.1 1.7 1.1 2.8 0 4-2.4 4.8-4.7 5.1.4.3.7 1 .7 2v2.9c0 .3.2.6.7.5 4.1-1.4 7.1-5.2 7.1-9.8C22.3 6.4 17.7 1.8 12 1.8Z"/></svg>
+    </span>
+    <span class="resource-card-text"><strong>Code</strong><small>GitHub</small></span>
+  </a>
+  <a class="resource-card" href="{DATASET_URL}" target="_blank" rel="noopener noreferrer">
+    <span class="resource-card-icon resource-card-emoji" aria-hidden="true">🤗</span>
+    <span class="resource-card-text"><strong>Data</strong><small>Collection</small></span>
+  </a>
+  <a class="resource-card" href="{MODEL_URL}" target="_blank" rel="noopener noreferrer">
+    <span class="resource-card-icon resource-card-emoji" aria-hidden="true">🤗</span>
+    <span class="resource-card-text"><strong>Model</strong><small>QUEST-35B-RL</small></span>
+  </a>
 </div>
 """
                 )