viberadar 0.3.84 → 0.3.86

package/dist/ui/dashboard.html

@@ -3665,13 +3665,13 @@ function renderDocFeatureCards(c) {
     const progressPct = f.sourceFileCount > 0 ? Math.round((freshFiles / f.sourceFileCount) * 100) : 0;
     const progressColor = !f.docExists ? 'var(--red)' : f.isStale ? 'var(--yellow)' : 'var(--green)';
 
-    const syncBtn = `<button class="agent-card-btn doc-agent-btn" data-task="sync-docs-structure" data-key="${f.key}" style="margin-top:8px" title="Создать скелет / обновить список файлов">Актуализировать структуру</button>`;
-    const fillBtn = f.docExists
-      ? `<button class="agent-card-btn doc-agent-btn doc-agent-btn-secondary" data-task="${f.isStale ? 'update-docs' : 'generate-docs'}" data-key="${f.key}" style="margin-top:4px">${f.isStale ? 'Обновить содержимое' : 'Заполнить содержимое'}</button>`
+    const versionBadge = f.latestVersion
+      ? `<span style="font-size:10px;color:var(--muted);margin-left:6px">v${f.latestVersion}</span>`
       : '';
+    const actualizeBtn = `<button class="agent-card-btn doc-agent-btn" data-task="actualize-docs" data-key="${f.key}" style="margin-top:8px">Актуализировать документацию</button>`;
     const agentBtn = (f.docExists && !f.isStale)
-      ? `<div style="margin-top:8px;font-size:11px;color:var(--green)">Документация актуальна</div>${syncBtn}`
-      : `<div style="display:flex;flex-direction:column">${syncBtn}${fillBtn}</div>`;
+      ? `<div style="margin-top:8px;font-size:11px;color:var(--green)">✓ Актуальна${versionBadge}</div>${actualizeBtn}`
+      : actualizeBtn;
 
     html += `
       <div class="feature-card doc-feature-card" data-key="${f.key}">
@@ -3784,6 +3784,20 @@ function renderMarkdownToHtml(md) {
     // Empty line
     if (line.trim() === '') continue;
 
+    // Image line: ![alt](screenshots/file.png)
+    const imgMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+)\)$/);
+    if (imgMatch) {
+      if (inList) { html += listType === 'ul' ? '</ul>' : '</ol>'; inList = false; }
+      const alt = escapeHtml(imgMatch[1]);
+      let src = imgMatch[2];
+      // Rewrite relative screenshot paths to API endpoint
+      if (src.startsWith('screenshots/') && drillFeatureKey) {
+        src = '/api/docs/screenshot/' + drillFeatureKey + '/' + src;
+      }
+      html += `<div style="margin:12px 0;text-align:center"><img src="${src}" alt="${alt}" style="max-width:100%;border-radius:8px;border:1px solid var(--border)"><div style="font-size:11px;color:var(--muted);margin-top:4px">${alt}</div></div>`;
+      continue;
+    }
+
     // Paragraph
     if (!inList) {
       html += `<p class="doc-p">${inlineFormat(line)}</p>`;
@@ -3821,29 +3835,28 @@ async function renderDocFeatureDetail(c) {
   const statusDot = `<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${statusColor};margin-right:6px"></span>`;
   const lastUpd = f.lastUpdated ? new Date(f.lastUpdated).toLocaleDateString('ru-RU') : '—';
 
-  // Two-step action buttons
-  const detailSyncBtn = `<button class="agent-card-btn doc-detail-agent-btn" data-task="sync-docs-structure" data-key="${f.key}" title="Создать скелет / обновить список файлов фичи">Актуализировать структуру</button>`;
-  const detailFillTask = f.isStale ? 'update-docs' : 'generate-docs';
-  const detailFillLabel = f.isStale
-    ? `Обновить содержимое (${f.changedFilesSinceDoc.length} изм. файл.)`
-    : 'Заполнить содержимое';
-  const detailFillBtn = `<button class="agent-card-btn doc-detail-agent-btn doc-fill-btn" data-task="${detailFillTask}" data-key="${f.key}">${detailFillLabel}</button>`;
+  // Single action button
+  const detailActualizeLabel = !f.docExists
+    ? 'Актуализировать документацию'
+    : f.isStale
+      ? `Актуализировать документацию (${f.changedFilesSinceDoc.length} изм. файл.) → v${(f.latestVersion || 0) + 1}`
+      : `Актуализировать документацию → v${(f.latestVersion || 0) + 1}`;
+  const detailActualizeHint = !f.docExists
+    ? 'Агент читает все файлы фичи и создаёт v1 пользовательской документации.'
+    : f.isStale
+      ? 'Агент читает изменившиеся файлы и создаёт новую версию документации.'
+      : 'Агент перечитывает файлы и создаёт обновлённую версию документации.';
+  const versionsHtml = f.docVersions && f.docVersions.length > 0
+    ? `<div style="font-size:11px;color:var(--muted);margin-top:6px">Версии: ${f.docVersions.map((v, i) => `<span style="${i === f.docVersions.length - 1 ? 'color:var(--text)' : ''}">${v.split('/').pop()}</span>`).join(' · ')}</div>`
+    : '';
   const detailActionsHtml = `
     <div class="doc-detail-actions">
       <div class="doc-action-step">
-        <span class="doc-step-num">1</span>
-        <div>
-          <div class="doc-step-label">Актуализировать структуру</div>
-          <div class="doc-step-hint">Создаёт скелет / обновляет список файлов. Не читает содержимое.</div>
-          ${detailSyncBtn}
-        </div>
-      </div>
-      <div class="doc-action-step">
-        <span class="doc-step-num">2</span>
         <div>
-          <div class="doc-step-label">${f.isStale ? 'Обновить содержимое' : 'Заполнить содержимое'}</div>
-          <div class="doc-step-hint">${f.isStale ? 'Агент читает изменившиеся файлы и обновляет доку.' : 'Агент читает файлы и заполняет все секции.'}</div>
-          ${detailFillBtn}
+          <div class="doc-step-label">${detailActualizeLabel}</div>
+          <div class="doc-step-hint">${detailActualizeHint}</div>
+          <button class="agent-card-btn doc-detail-agent-btn" data-task="actualize-docs" data-key="${f.key}" style="margin-top:8px">Актуализировать документацию</button>
+          ${versionsHtml}
         </div>
       </div>
     </div>`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "viberadar",
-  "version": "0.3.84",
+  "version": "0.3.86",
   "description": "Live module map with test coverage for vibecoding projects",
   "main": "./dist/cli.js",
   "bin": {