| 66 | } |
| 67 | |
| 68 | export function showWelcome(config) { |
| 69 | const welcomeContent = document.getElementById("welcome-content"); |
| 70 | |
| 71 | let promptsHtml = ""; |
| 72 | if (config.prompts && config.prompts.length > 1) { |
| 73 | promptsHtml = ` |
| 74 | <div class="prompt-cards"> |
| 75 | ${config.prompts |
| 76 | .map( |
| 77 | (u, i) => ` |
| 78 | <div class="prompt-card" data-index="${i}" title="${u}"> |
| 79 | ${u.length > 60 ? u.substring(0, 60) + "..." : u} |
| 80 | </div> |
| 81 | `, |
| 82 | ) |
| 83 | .join("")} |
| 84 | </div> |
| 85 | `; |
| 86 | } |
| 87 | |
| 88 | if (welcomeContent) { |
| 89 | welcomeContent.innerHTML = ` |
| 90 | <div class="welcome-message"> |
| 91 | <h2>Pack and deploy local AI agents for your team in minutes</h2> |
| 92 | <p>Deploy verified AI Skillpacks locally and use them directly from Slack and Telegram</p> |
| 93 | ${promptsHtml} |
| 94 | </div> |
| 95 | `; |
| 96 | } |
| 97 | } |
| 98 | |
| 99 | export async function sendMessage() { |
| 100 | const input = document.getElementById("user-input"); |