@mcp-consultant-tools/azure-devops 30.0.0-beta.4 → 30.0.0-beta.6

package/build/genui/design-system-prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-prompt.d.ts","sourceRoot":"","sources":["../../src/genui/design-system-prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,oBAAoB,QAuOzB,CAAC"}
+{"version":3,"file":"design-system-prompt.d.ts","sourceRoot":"","sources":["../../src/genui/design-system-prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,oBAAoB,QAiLzB,CAAC"}

package/build/genui/design-system-prompt.js

@@ -120,30 +120,12 @@ For summary metrics, use KPI cards at the top:
 This HTML renders inside a sandboxed iframe. **Links cannot open new tabs** and **file downloads are blocked**.
 You MUST use clipboard-based alternatives for all interactive features.
 
-#### Clipboard Helper (include this in every visualization)
-\`\`\`javascript
-function copyText(text, btnEl) {
-  try {
-    navigator.clipboard.writeText(text).then(function() { showCopied(btnEl); });
-  } catch(e) {
-    var ta = document.createElement('textarea');
-    ta.value = text;
-    ta.style.cssText = 'position:fixed;left:-9999px';
-    document.body.appendChild(ta);
-    ta.select();
-    document.execCommand('copy');
-    document.body.removeChild(ta);
-    showCopied(btnEl);
-  }
-}
-function showCopied(el) {
-  if (!el) return;
-  var orig = el.textContent;
-  el.textContent = 'Copied!';
-  el.style.background = '#009900';
-  setTimeout(function() { el.textContent = orig; el.style.background = ''; }, 1500);
-}
-\`\`\`
+#### Pre-defined Functions (DO NOT redefine these)
+The following functions are pre-defined by the MCP App shell. Just call them:
+- \`copyText(text, buttonElement)\` — copies text to clipboard with visual "Copied!" feedback
+- \`showCopied(element)\` — shows brief "Copied!" indicator on an element
+- \`captureAsImage(buttonElement)\` — captures the \`#genui-root\` div as a PNG image and copies to clipboard (loads html2canvas automatically)
+**Do NOT define copyText, showCopied, captureAsImage, or copyImage in your \`<script>\` tags.** They already exist on \`window\`.
 
 #### Work Item ID Links — Click to Copy URL
 Do NOT use \`<a href="..." target="_blank">\`. Links cannot open in the sandbox.
@@ -155,56 +137,20 @@ Instead, display the ID as a clickable element that copies the ADO URL to clipbo
 \`\`\`
 
 #### Copy CSV Button
-Replace download with copy-to-clipboard:
 \`\`\`html
 <button id="csvBtn" onclick="copyCsv()" style="padding:6px 14px; background:var(--link); color:white;
   border:none; border-radius:4px; cursor:pointer; font-size:13px">Copy CSV</button>
 \`\`\`
-The \`copyCsv()\` function should build the full CSV string and call \`copyText(csvString, document.getElementById('csvBtn'))\`.
+Define \`copyCsv()\` in a \`<script>\` tag — build the CSV string, then call \`copyText(csvString, document.getElementById('csvBtn'))\`.
 
 #### Copy as Image Button
-Include a button that captures the visualization as a PNG and copies it to clipboard.
-Load html2canvas from CDN (same loading pattern as Chart.js):
+The \`captureAsImage\` function is pre-defined. It loads html2canvas automatically,
+captures \`#genui-root\` at 2x resolution, and copies it to clipboard.
+Do NOT include an html2canvas \`<script>\` tag or define copyImage/captureAsImage — just add the button:
 \`\`\`html
-<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
-<button id="imgBtn" onclick="copyImage()" style="padding:6px 14px; background:var(--link); color:white;
+<button id="imgBtn" onclick="captureAsImage(this)" style="padding:6px 14px; background:var(--link); color:white;
   border:none; border-radius:4px; cursor:pointer; font-size:13px">Copy as Image</button>
 \`\`\`
-The \`copyImage()\` function:
-\`\`\`javascript
-function copyImage() {
-  var btn = document.getElementById('imgBtn');
-  btn.textContent = 'Capturing...';
-  (function waitH2C() {
-    if (typeof html2canvas === 'undefined') { setTimeout(waitH2C, 50); return; }
-    html2canvas(document.getElementById('genui-root'), {
-      backgroundColor: getComputedStyle(document.documentElement).getPropertyValue('--bg').trim() || '#1E1E1E',
-      scale: 2
-    }).then(function(canvas) {
-      canvas.toBlob(function(blob) {
-        try {
-          navigator.clipboard.write([new ClipboardItem({'image/png': blob})]).then(
-            function() { showCopied(btn); },
-            function() { fallbackShowImage(canvas, btn); }
-          );
-        } catch(e) { fallbackShowImage(canvas, btn); }
-      }, 'image/png');
-    });
-  })();
-}
-function fallbackShowImage(canvas, btn) {
-  btn.textContent = 'Copy as Image';
-  var img = document.createElement('img');
-  img.src = canvas.toDataURL('image/png');
-  img.style.cssText = 'max-width:100%;border:1px solid var(--border);border-radius:4px;margin-top:12px';
-  var note = document.createElement('div');
-  note.style.cssText = 'font-size:12px;color:var(--text-secondary);margin-top:4px';
-  note.textContent = 'Right-click the image above to copy or save it.';
-  var container = document.getElementById('imgBtn').parentElement;
-  container.appendChild(img);
-  container.appendChild(note);
-}
-\`\`\`
 
 ### Button Row
 Place action buttons (Copy CSV, Copy as Image) together in a flex row at the top:

package/build/genui/design-system-prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-prompt.js","sourceRoot":"","sources":["../../src/genui/design-system-prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuOnC,CAAC,IAAI,EAAE,CAAC"}
+{"version":3,"file":"design-system-prompt.js","sourceRoot":"","sources":["../../src/genui/design-system-prompt.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiLnC,CAAC,IAAI,EAAE,CAAC"}