@@ -815,6 +990,23 @@ npm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz &
modal.classList.remove("show");
}
+ // Agent Prompt Modal Logic
+ const promptModal = document.getElementById("promptModal");
+ const closePromptBtn = document.querySelector("#promptModal .close-prompt");
+ const copyPromptBtn = document.getElementById("copyPromptBtn");
+
+ if (closePromptBtn) {
+ closePromptBtn.onclick = function() {
+ promptModal.classList.remove("show");
+ }
+ }
+
+ if (copyPromptBtn) {
+ copyPromptBtn.onclick = function() {
+ copyToClipboard('promptModalCode', copyPromptBtn);
+ }
+ }
+
window.onclick = function(event) {
if (event.target == modal) {
modal.classList.remove("show");
@@ -822,6 +1014,9 @@ npm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz &
if (event.target == ackModal) {
dismissAckModal();
}
+ if (event.target == promptModal) {
+ promptModal.classList.remove("show");
+ }
}
// Fetch and Render Markdown
@@ -918,6 +1113,130 @@ npm install https://github.com/PR0M3TH3AN/TORCH/archive/refs/heads/main.tar.gz &
// Initialize Meta Prompts
fetchMetaPrompts();
+
+ // Initialize Agent Showcase
+ fetchAgents();
+
+ // Store agent data globally
+ window.agentData = {};
+
+ async function fetchAgents() {
+ const container = document.getElementById('functional-agent-list');
+ try {
+ const response = await fetch('../src/prompts/roster.json');
+ if (!response.ok) throw new Error('Failed to load roster');
+ const roster = await response.json();
+
+ container.innerHTML = ''; // Clear loading state
+
+ for (const category of ['daily', 'weekly']) {
+ if (!roster[category] || roster[category].length === 0) continue;
+
+ // Category Title
+ const categoryTitle = document.createElement('div');
+ categoryTitle.className = 'agent-category-title';
+ categoryTitle.textContent = category.charAt(0).toUpperCase() + category.slice(1) + ' Agents';
+ container.appendChild(categoryTitle);
+
+ // Grid
+ const grid = document.createElement('div');
+ grid.className = 'functional-agent-grid';
+
+ // Process agents in parallel
+ const agentPromises = roster[category].map(async (agentName) => {
+ try {
+ const mdResponse = await fetch(`../src/prompts/${category}/${agentName}.md`);
+ if (!mdResponse.ok) return null;
+ const content = await mdResponse.text();
+
+ // Extract Metadata
+ const meta = extractAgentMetadata(content, agentName);
+ return { ...meta, content, agentName, category };
+ } catch (e) {
+ console.error(`Failed to load ${agentName}`, e);
+ return null;
+ }
+ });
+
+ const agents = (await Promise.all(agentPromises)).filter(Boolean);
+
+ agents.forEach(agent => {
+ // Store in global map
+ window.agentData[agent.agentName] = agent;
+
+ const card = document.createElement('div');
+ card.className = 'functional-agent-card';
+
+ // Use data-agent-name attribute for safer handling if needed,
+ // but passing string literal ID is safe here as agentName is strict.
+ card.innerHTML = `
+
+
${escapeHtml(agent.description)}
+
+ `;
+ grid.appendChild(card);
+ });
+
+ container.appendChild(grid);
+ }
+
+ } catch (error) {
+ console.error('Error fetching agents:', error);
+ container.innerHTML = `
Error loading agents: ${error.message}
`;
+ }
+ }
+
+ function extractAgentMetadata(content, agentName) {
+ let title = agentName;
+ let description = "No description available.";
+
+ // Normalize newlines
+ content = content.replace(/\r\n/g, '\n');
+
+ // Title extraction
+ const titleMatch = content.match(/You are:\s*\*\*?([^\*\n,.]+)\*\*?/i);
+ if (titleMatch) {
+ title = titleMatch[1].trim();
+ // Ensure Title Case if it looks like kebab-case
+ if (title.includes('-') && title.toLowerCase() === title) {
+ title = title.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+ }
+ } else {
+ title = agentName.split('-').map(w => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');
+ }
+
+ // Description extraction
+ const missionRegex = /(?:\bYour single-purpose mission\b|\bMission\b|\bYour mission\b):?\s*(?:\*\*)?([^\n]+)/i;
+ const missionMatch = content.match(missionRegex);
+
+ if (missionMatch) {
+ description = missionMatch[1].replace(/\*\*/g, '').trim();
+ }
+
+ return { title, description };
+ }
+
+ // Expose to window for onclick
+ window.openAgentModal = function(agentName) {
+ const agent = window.agentData[agentName];
+ if (!agent) return;
+
+ document.getElementById('promptModalTitle').textContent = agent.title;
+ document.getElementById('promptModalCode').textContent = agent.content;
+ document.getElementById('promptModal').classList.add('show');
+ }
+
+ function escapeHtml(unsafe) {
+ return unsafe
+ .replace(/&/g, "&")
+ .replace(//g, ">")
+ .replace(/"/g, """)
+ .replace(/'/g, "'");
+ }