feat: Enable Claude Code CLI option on landing page and add dynamic prompt selection

Co-authored-by: PR0M3TH3AN <[email protected]>
This commit is contained in:
google-labs-jules[bot]andPR0M3TH3AN committed 2026-02-19 20:16:16 +00:00
1 parent edfe571567
commit b002963cf9
1 file changed
+33 -8
+33 -8
View File
@@ -793,15 +793,15 @@
<h2 class="mb-8 text-text-strong" style="font-size: 2rem;">Choose Your Agent</h2>
<div class="agent-selector">
<a href="https://jules.google/" target="_blank" class="agent-card active">
<div id="card-jules" onclick="selectAgent('jules')" class="agent-card active" style="cursor: pointer;">
<div class="agent-header">
<span class="agent-name">Jules</span>
<span class="agent-status">Active</span>
</div>
<p class="agent-desc">Optimized for Google's latest coding agent. Click to learn more.</p>
</a>
<p class="agent-desc">Optimized for Google's latest coding agent. <a href="https://jules.google/" target="_blank" onclick="event.stopPropagation()">Learn more</a>.</p>
</div>
<div class="agent-card disabled">
<div id="card-codex" class="agent-card disabled">
<div class="agent-header">
<span class="agent-name">Codex</span>
<span class="agent-status">Coming Soon</span>
@@ -809,12 +809,12 @@
<p class="agent-desc">Advanced reasoning for complex tasks.</p>
</div>
<div class="agent-card disabled">
<div id="card-claude" onclick="selectAgent('claude')" class="agent-card" style="cursor: pointer;">
<div class="agent-header">
<span class="agent-name">Claude</span>
<span class="agent-status">Coming Soon</span>
<span class="agent-name">Claude Code CLI</span>
<span class="agent-status">Active</span>
</div>
<p class="agent-desc">Long-context understanding and safety.</p>
<p class="agent-desc">Long-context understanding and safety. (CLI Required)</p>
</div>
</div>
@@ -1355,6 +1355,31 @@ npm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz &
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}
function selectAgent(agent) {
// Remove active class from all cards
document.querySelectorAll('.agent-card').forEach(card => card.classList.remove('active'));
// Add active class to selected card
const selectedCard = document.getElementById('card-' + agent);
if (selectedCard) {
selectedCard.classList.add('active');
}
// Update prompt text
const installCmd = document.getElementById('install-cmd');
let promptText = '';
if (agent === 'jules') {
promptText = "Hey Jules, can you install and setup TORCH into this repo? Here is the install command:\n\nnpm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz && npx torch-lock init";
} else if (agent === 'claude') {
promptText = "Hey Claude, can you install and setup TORCH into this repo? Here is the install command:\n\nnpm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz && npx torch-lock init";
}
if (installCmd) {
installCmd.textContent = promptText;
}
}
</script>
</body>
</html>