Upload folder using huggingface_hub
Browse files- demo.html +18 -0
- index.html +7 -1
- static/paper/case3_tree.svg +167 -0
- static/paper/tooltree_search.svg +147 -0
demo.html
CHANGED
|
@@ -141,6 +141,15 @@
|
|
| 141 |
.stats { display: flex; gap: 22px; flex-wrap: wrap; font-size: .9rem; margin: 6px 0 2px; }
|
| 142 |
.stats .k { color: var(--muted); }
|
| 143 |
.stats .v { font-weight: 600; font-variant-numeric: tabular-nums; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 144 |
#error {
|
| 145 |
display: none;
|
| 146 |
background: #f7e8e5;
|
|
@@ -187,6 +196,13 @@
|
|
| 187 |
|
| 188 |
<noscript><p style="max-width:720px;margin:24px auto;padding:12px 16px;background:#fef3c7;border:1px solid #d97706;border-radius:8px;font-size:14px">This interactive walkthrough requires JavaScript. The search mechanism it illustrates is documented on the <a href="index.html">project page</a> and in the <a href="https://github.com/SYang2000/ICLR_2026_ToolTree">repository README</a>.</p></noscript>
|
| 189 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 190 |
<div id="app" style="display:none">
|
| 191 |
<div class="tabs" id="tabs"></div>
|
| 192 |
|
|
@@ -396,6 +412,8 @@
|
|
| 396 |
Array.prototype.forEach.call(tabsEl.children, function (b, i) {
|
| 397 |
b.className = i === caseIdx ? "active" : "";
|
| 398 |
});
|
|
|
|
|
|
|
| 399 |
document.getElementById("query").textContent = c.query;
|
| 400 |
|
| 401 |
slider.max = steps.length - 1;
|
|
|
|
| 141 |
.stats { display: flex; gap: 22px; flex-wrap: wrap; font-size: .9rem; margin: 6px 0 2px; }
|
| 142 |
.stats .k { color: var(--muted); }
|
| 143 |
.stats .v { font-weight: 600; font-variant-numeric: tabular-nums; }
|
| 144 |
+
figure.treefig {
|
| 145 |
+
margin: 0 0 16px;
|
| 146 |
+
background: var(--card);
|
| 147 |
+
border: 1px solid var(--line);
|
| 148 |
+
border-radius: 10px;
|
| 149 |
+
padding: 14px 14px 10px;
|
| 150 |
+
}
|
| 151 |
+
figure.treefig img { display: block; width: 100%; height: auto; }
|
| 152 |
+
figure.treefig figcaption { color: var(--muted); font-size: .8rem; margin-top: 8px; }
|
| 153 |
#error {
|
| 154 |
display: none;
|
| 155 |
background: #f7e8e5;
|
|
|
|
| 196 |
|
| 197 |
<noscript><p style="max-width:720px;margin:24px auto;padding:12px 16px;background:#fef3c7;border:1px solid #d97706;border-radius:8px;font-size:14px">This interactive walkthrough requires JavaScript. The search mechanism it illustrates is documented on the <a href="index.html">project page</a> and in the <a href="https://github.com/SYang2000/ICLR_2026_ToolTree">repository README</a>.</p></noscript>
|
| 198 |
|
| 199 |
+
<figure class="treefig" id="case3-tree">
|
| 200 |
+
<img src="static/paper/case3_tree.svg" alt="Full search tree of Case 3: from the user query, ImageDescription, GoogleSearch, and Calculator branches carry pre- and post-evaluation scores; dashed boxes mark pruned candidate drafts, and a bold green path through ImageDescription, GoogleSearch, and Calculator leads to the final answer of 112.5 miles." width="1240" height="1000">
|
| 201 |
+
<figcaption>Search tree of this case (reconstructed from the logged run): solid boxes are executed tool
|
| 202 |
+
calls with their pre-/post-evaluation scores, dashed boxes are pruned candidate drafts, and the
|
| 203 |
+
bold green path is the final highest-reward plan.</figcaption>
|
| 204 |
+
</figure>
|
| 205 |
+
|
| 206 |
<div id="app" style="display:none">
|
| 207 |
<div class="tabs" id="tabs"></div>
|
| 208 |
|
|
|
|
| 412 |
Array.prototype.forEach.call(tabsEl.children, function (b, i) {
|
| 413 |
b.className = i === caseIdx ? "active" : "";
|
| 414 |
});
|
| 415 |
+
var treeFig = document.getElementById("case3-tree");
|
| 416 |
+
if (treeFig) treeFig.style.display = c.id === "case3" ? "" : "none";
|
| 417 |
document.getElementById("query").textContent = c.query;
|
| 418 |
|
| 419 |
slider.max = steps.length - 1;
|
index.html
CHANGED
|
@@ -40,7 +40,6 @@
|
|
| 40 |
<nav class="button-row" aria-label="Paper links">
|
| 41 |
<a class="btn" href="https://openreview.net/forum?id=Ef5O9gNNLE" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>Paper</a>
|
| 42 |
<a class="btn" href="https://arxiv.org/abs/2603.12740" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>arXiv</a>
|
| 43 |
-
<a class="btn" href="https://openreview.net/pdf?id=Ef5O9gNNLE" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>PDF</a>
|
| 44 |
<a class="btn" href="https://github.com/SYang2000/ICLR_2026_ToolTree" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>Code</a>
|
| 45 |
<a class="btn" href="demo.html"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" stroke="none"><polygon points="7 4 20 12 7 20 7 4"/></svg>Demo</a>
|
| 46 |
<a class="btn btn-ghost" href="#bibtex"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>BibTeX</a>
|
|
@@ -112,6 +111,13 @@
|
|
| 112 |
execution, post-evaluation and backward-propagation.</figcaption>
|
| 113 |
</figure>
|
| 114 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 115 |
<div class="mech-grid mech-grid-4 reveal stagger">
|
| 116 |
<div class="mech-card">
|
| 117 |
<span class="mech-num">1</span>
|
|
|
|
| 40 |
<nav class="button-row" aria-label="Paper links">
|
| 41 |
<a class="btn" href="https://openreview.net/forum?id=Ef5O9gNNLE" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>Paper</a>
|
| 42 |
<a class="btn" href="https://arxiv.org/abs/2603.12740" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>arXiv</a>
|
|
|
|
| 43 |
<a class="btn" href="https://github.com/SYang2000/ICLR_2026_ToolTree" target="_blank" rel="noopener"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>Code</a>
|
| 44 |
<a class="btn" href="demo.html"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="currentColor" stroke="none"><polygon points="7 4 20 12 7 20 7 4"/></svg>Demo</a>
|
| 45 |
<a class="btn btn-ghost" href="#bibtex"><svg class="btn-ico" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>BibTeX</a>
|
|
|
|
| 111 |
execution, post-evaluation and backward-propagation.</figcaption>
|
| 112 |
</figure>
|
| 113 |
|
| 114 |
+
<figure class="paper-figure reveal">
|
| 115 |
+
<img src="static/paper/tooltree_search.svg" alt="Schematic tree of tool calls for a flight-search query: from the user query, candidate tool calls branch out with value scores, the low-scoring branches are drawn dashed as pruned, and one bold path leads to a final answer bar.">
|
| 116 |
+
<figcaption>Illustrative schematic of the search over tool-call trajectories: each node is a candidate
|
| 117 |
+
tool call scored by the value estimate, low-value branches are pruned, and the highest-reward
|
| 118 |
+
trajectory is selected as the final plan.</figcaption>
|
| 119 |
+
</figure>
|
| 120 |
+
|
| 121 |
<div class="mech-grid mech-grid-4 reveal stagger">
|
| 122 |
<div class="mech-card">
|
| 123 |
<span class="mech-num">1</span>
|
static/paper/case3_tree.svg
ADDED
|
|
static/paper/tooltree_search.svg
ADDED
|
|