Custom Commands: Typen (Hintergrund/Vordergrund/Nachricht) mit Output-Modal

wwwroot/js/ui.js

@@ -461,6 +461,61 @@ async function showSystemPromptModal(sessionId) {
   }
 }
 
+// ── Command Output Modal ──
+
+function showCommandOutputModal(name, command, result) {
+  const overlay = document.createElement('div');
+  overlay.className = 'sp-overlay';
+
+  const modal = document.createElement('div');
+  modal.className = 'sp-modal cmd-output-modal';
+
+  // Header
+  const header = document.createElement('div');
+  header.className = 'sp-header';
+  const title = document.createElement('span');
+  title.textContent = name;
+  const closeBtn = document.createElement('button');
+  closeBtn.innerHTML = '<i class="fa fa-times"></i>';
+  closeBtn.className = 'sp-close icon-btn';
+  header.appendChild(title);
+  header.appendChild(closeBtn);
+
+  // Body
+  const body = document.createElement('div');
+  body.className = 'sp-body';
+
+  const exitCode = result.exitCode != null ? result.exitCode : '?';
+  const isError = exitCode !== 0;
+  const statusText = result.status === 'timeout' ? 'Timeout' : (isError ? `Exit ${exitCode}` : `Exit ${exitCode}`);
+
+  const meta = document.createElement('div');
+  meta.className = 'cmd-output-meta';
+  meta.innerHTML = `<code>${esc(command)}</code> <span class="cmd-exit-code${isError ? ' cmd-exit-error' : ''}">${esc(statusText)}</span>`;
+  body.appendChild(meta);
+
+  const output = document.createElement('pre');
+  output.className = 'cmd-output-content';
+  output.textContent = result.output || '(kein Output)';
+  body.appendChild(output);
+
+  modal.appendChild(header);
+  modal.appendChild(body);
+  overlay.appendChild(modal);
+  document.body.appendChild(overlay);
+
+  // Schließen
+  const close = () => overlay.remove();
+  closeBtn.addEventListener('click', close);
+  overlay.addEventListener('click', (e) => {
+    if (e.target === overlay) close();
+  });
+  const onKey = (e) => {
+    if (e.key === 'Escape') { close(); document.removeEventListener('keydown', onKey); }
+  };
+  document.addEventListener('keydown', onKey);
+}
+
 // ── Meta Bar ──
 
 function setMeta(text) {