@vpxa/aikit 0.1.267 → 0.1.268

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vpxa/aikit",
-  "version": "0.1.267",
+  "version": "0.1.268",
   "type": "module",
   "description": "Local-first AI developer toolkit — knowledge base, code analysis, context management, and developer tools for LLM agents",
   "license": "MIT",

package/packages/server/viewers/task-plan-static.html

@@ -657,23 +657,6 @@
       line-height: 1.6;
     }
 
-    .task-plan__export-error {
-      position: fixed;
-      left: 50%;
-      bottom: 24px;
-      z-index: 20;
-      transform: translateX(-50%);
-      max-width: min(92vw, 560px);
-      padding: 12px 16px;
-      border: 1px solid var(--viewer-toast-border);
-      border-radius: var(--radius-pill);
-      background: var(--viewer-toast-bg);
-      color: var(--viewer-text);
-      font-size: 13px;
-      line-height: 1.4;
-      box-shadow: 0 18px 32px rgba(15, 23, 42, 0.22);
-    }
-
     .viewer-badge {
       position: fixed;
       right: 16px;
@@ -794,8 +777,6 @@
       </div>
       <div class="viewer-actions" role="toolbar" aria-label="Task plan viewer actions">
         <button id="theme-button" type="button">Theme: Auto</button>
-        <button id="export-png-button" type="button">Export PNG</button>
-        <button id="export-svg-button" type="button">Export SVG</button>
       </div>
     </header>
 
@@ -818,7 +799,6 @@
   </div>
 
   <div class="viewer-badge"><span class="viewer-badge__mark"></span>AI Kit static viewer</div>
-  <div class="task-plan__export-error" id="export-error" role="status" aria-live="polite" hidden></div>
 
   <script type="application/json" id="diagram-data">{}</script>
   <script>
@@ -830,13 +810,10 @@
       const summaryEl = document.getElementById('summary');
       const legendEl = document.getElementById('legend');
       const emptyStateEl = document.getElementById('empty-state');
-      const exportErrorEl = document.getElementById('export-error');
       const surfaceEl = document.getElementById('pipeline-surface');
       const viewerTitleEl = document.getElementById('viewer-title');
       const viewerDescriptionEl = document.getElementById('viewer-description');
       const themeButton = document.getElementById('theme-button');
-      const exportPngButton = document.getElementById('export-png-button');
-      const exportSvgButton = document.getElementById('export-svg-button');
       const styleTag = document.getElementById('viewer-style');
 
       const themes = ['auto', 'dark', 'light'];
@@ -1092,28 +1069,6 @@
         updateThemeButton();
       }
 
-      let exportErrorTimer = null;
-
-      function showExportError(message) {
-        exportErrorEl.textContent = message;
-        exportErrorEl.hidden = false;
-        if (exportErrorTimer) {
-          window.clearTimeout(exportErrorTimer);
-        }
-        exportErrorTimer = window.setTimeout(() => {
-          exportErrorEl.hidden = true;
-        }, 4500);
-      }
-
-      function clearExportError() {
-        exportErrorEl.hidden = true;
-        exportErrorEl.textContent = '';
-        if (exportErrorTimer) {
-          window.clearTimeout(exportErrorTimer);
-          exportErrorTimer = null;
-        }
-      }
-
       function showEmpty(title, message) {
         clearElement(pipelineEl);
         clearElement(summaryEl);
@@ -1307,112 +1262,12 @@
         document.title = 'AI Kit - ' + title;
       }
 
-      function buildExportSvgMarkup() {
-        const resolvedTheme = getResolvedTheme();
-        const exportClone = surfaceEl.cloneNode(true);
-        const padding = 24;
-        const contentWidth = Math.ceil(surfaceEl.scrollWidth);
-        const contentHeight = Math.ceil(surfaceEl.scrollHeight);
-        const width = contentWidth + padding * 2;
-        const height = contentHeight + padding * 2;
-
-        exportClone.removeAttribute('id');
-        exportClone.style.width = contentWidth + 'px';
-        exportClone.style.minHeight = '0';
-        exportClone.style.boxShadow = 'none';
-
-        let stylesheet = styleTag && styleTag.textContent ? styleTag.textContent : '';
-        stylesheet = stylesheet.replace(/:root\b/g, '.tp-export-root');
-        stylesheet = stylesheet.replace(/\]\]>/g, ']]&gt;');
-        stylesheet += '\n.tp-export-root{width:' + contentWidth + 'px;padding:' + padding + 'px;background:transparent;font-family:var(--font-sans);color:var(--viewer-text);}\n';
-        stylesheet += '.tp-export-root .task-plan__surface{min-height:0;box-shadow:none;}\n';
-
-        const serializedSurface = exportClone.outerHTML;
-        const svg = [
-          '<?xml version="1.0" encoding="UTF-8"?>',
-          '<svg xmlns="http://www.w3.org/2000/svg" width="' + width + '" height="' + height + '" viewBox="0 0 ' + width + ' ' + height + '">',
-          '<foreignObject width="100%" height="100%">',
-          '<div xmlns="http://www.w3.org/1999/xhtml" class="tp-export-root" data-theme="' + resolvedTheme + '">',
-          '<style><![CDATA[' + stylesheet + ']]></style>',
-          serializedSurface,
-          '</div>',
-          '</foreignObject>',
-          '</svg>'
-        ].join('');
-
-        return { markup: svg, width, height };
-      }
-
-      function downloadBlob(blob, filename) {
-        const url = URL.createObjectURL(blob);
-        const anchor = document.createElement('a');
-        anchor.href = url;
-        anchor.download = filename;
-        document.body.appendChild(anchor);
-        anchor.click();
-        anchor.remove();
-        window.setTimeout(() => URL.revokeObjectURL(url), 1000);
-      }
-
-      async function exportSvg() {
-        clearExportError();
-        try {
-          const exported = buildExportSvgMarkup();
-          const blob = new Blob([exported.markup], { type: 'image/svg+xml;charset=utf-8' });
-          downloadBlob(blob, 'task-plan.svg');
-        } catch (error) {
-          showExportError(error instanceof Error ? error.message : 'SVG export failed.');
-        }
-      }
-
-      async function exportPng() {
-        clearExportError();
-        try {
-          const exported = buildExportSvgMarkup();
-          const blob = new Blob([exported.markup], { type: 'image/svg+xml;charset=utf-8' });
-          const url = URL.createObjectURL(blob);
-          const image = new Image();
-          const scale = Math.max(window.devicePixelRatio || 1, 2);
-
-          await new Promise((resolve, reject) => {
-            image.onload = resolve;
-            image.onerror = () => reject(new Error('PNG export is unavailable in this browser. Use SVG export instead.'));
-            image.src = url;
-          });
-
-          const canvas = document.createElement('canvas');
-          canvas.width = Math.ceil(exported.width * scale);
-          canvas.height = Math.ceil(exported.height * scale);
-
-          const context = canvas.getContext('2d');
-          if (!context) {
-            URL.revokeObjectURL(url);
-            throw new Error('Canvas export is unavailable in this browser.');
-          }
-
-          context.scale(scale, scale);
-          context.drawImage(image, 0, 0, exported.width, exported.height);
-
-          const pngBlob = await new Promise((resolve) => canvas.toBlob(resolve, 'image/png'));
-          URL.revokeObjectURL(url);
-
-          if (!pngBlob) {
-            throw new Error('PNG export failed.');
-          }
-
-          downloadBlob(pngBlob, 'task-plan.png');
-        } catch (error) {
-          showExportError(error instanceof Error ? error.message : 'PNG export failed.');
-        }
-      }
-
       function render() {
         const plan = readData();
         if (!plan) {
           return;
         }
 
-        clearExportError();
         updateHeader(plan);
 
         const tasks = getTasks(plan);
@@ -1428,20 +1283,6 @@
       }
 
       themeButton.addEventListener('click', cycleTheme);
-      exportSvgButton.addEventListener('click', () => {
-        void exportSvg();
-      });
-      exportPngButton.addEventListener('click', () => {
-        void exportPng();
-      });
-
-      if (colorSchemeQuery && typeof colorSchemeQuery.addEventListener === 'function') {
-        colorSchemeQuery.addEventListener('change', () => {
-          if (getThemeMode() === 'auto') {
-            clearExportError();
-          }
-        });
-      }
 
       updateThemeButton();
       render();