reviewflow 3.6.0 → 3.8.0

package/dist/interface-adapters/views/dashboard/modules/teamTab.js

@@ -0,0 +1,296 @@
+import { escapeHtml } from './html.js';
+import { icon } from './icons.js';
+import {
+  getAvatarBorderClass,
+  getTierClass,
+  renderLevelRing,
+  renderStatBar,
+} from './sharedViewHelpers.js';
+
+const CATEGORY_KEYS = ['quality', 'responsiveness', 'codeVolume', 'iteration'];
+
+/**
+ * @param {object} developer
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @param {object|null} [aiDeveloper]
+ * @returns {string}
+ */
+function renderDeveloperCard(developer, translate, aiDeveloper) {
+  const initial = developer.developerName.charAt(0).toUpperCase();
+  const avatarBorderClass = getAvatarBorderClass(developer.overallLevel);
+  const tierClass = getTierClass(developer.overallLevel);
+  const encodedName = encodeURIComponent(developer.developerName);
+
+  const statBarsHtml = CATEGORY_KEYS.map(
+    (key) => renderStatBar(developer.categoryLevels[key], key, translate)
+  ).join('');
+
+  const titleHtml = aiDeveloper
+    ? `<div class="dev-title ai-title">${icon('sparkles', 'ai-sparkle-icon')} ${escapeHtml(aiDeveloper.title)}</div>`
+    : `<div class="dev-title">${translate('title.' + developer.title)}</div>`;
+
+  const metrics = developer.metrics;
+  const avgScore = metrics ? Number(metrics.averageScore).toFixed(1) : null;
+  const qualityRate = metrics ? Math.round(metrics.firstReviewQualityRate * 100) : null;
+
+  return `
+    <div class="dev-card ${tierClass}" onclick="openDevSheet('${encodedName}')" role="button" tabindex="0">
+      <div class="dev-card-header">
+        <div class="dev-avatar-placeholder ${avatarBorderClass}">${escapeHtml(initial)}</div>
+        <div class="dev-card-identity">
+          <div class="dev-name">${escapeHtml(developer.developerName)}</div>
+          ${titleHtml}
+        </div>
+        ${renderLevelRing(developer.overallLevel, 52, translate('team.overallLevel') + ' ' + developer.overallLevel + '/10')}
+      </div>
+      <div class="dev-card-chips">
+        ${avgScore ? `<span class="dev-chip dev-chip-score" title="${translate('devSheet.metrics.averageScore')}">${icon('star', 'dev-chip-icon')} ${avgScore}</span>` : ''}
+        ${qualityRate !== null ? `<span class="dev-chip dev-chip-quality" title="${translate('devSheet.metrics.firstPassQuality')}">${icon('zap', 'dev-chip-icon')} ${qualityRate}%</span>` : ''}
+        <span class="dev-chip dev-chip-count" title="${translate('devSheet.reviewCount', { count: developer.reviewCount })}">${icon('file-search', 'dev-chip-icon')} ${developer.reviewCount}</span>
+      </div>
+      <div class="dev-card-stats">
+        ${statBarsHtml}
+      </div>
+    </div>
+  `;
+}
+
+/**
+ * @param {object} team
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @returns {string}
+ */
+function renderTeamHealthStrip(team, translate) {
+  const avgLevel = (
+    team.averageLevels.quality +
+    team.averageLevels.responsiveness +
+    team.averageLevels.codeVolume +
+    team.averageLevels.iteration
+  ) / 4;
+  const tierClass = getTierClass(Math.round(avgLevel));
+
+  return `
+    <div class="team-health-strip">
+      <div class="team-health-stat" title="${translate('team.healthStrip.developers')}">
+        ${icon('users', 'team-health-icon')}
+        <span class="team-health-value">${team.developerCount}</span>
+      </div>
+      <div class="team-health-divider"></div>
+      <div class="team-health-stat" title="${translate('team.healthStrip.reviews')}">
+        ${icon('file-search', 'team-health-icon')}
+        <span class="team-health-value">${team.totalReviewCount}</span>
+      </div>
+      <div class="team-health-divider"></div>
+      <div class="team-health-stat ${tierClass}" title="${translate('team.healthStrip.avgLevel')}">
+        ${icon('gauge', 'team-health-icon')}
+        <span class="team-health-value">${avgLevel.toFixed(1)}<span class="team-health-unit">/10</span></span>
+      </div>
+    </div>
+  `;
+}
+
+/**
+ * @param {object} team
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @returns {string}
+ */
+function renderTeamInsights(team, translate) {
+  const strengthTags = team.strengths.map(
+    (category) => `<span class="insight-tag insight-strength">${icon('thumbs-up', 'insight-icon')} ${translate('category.' + category)}</span>`
+  ).join('');
+
+  const weaknessTags = team.weaknesses.map(
+    (category) => `<span class="insight-tag insight-weakness">${icon('alert-triangle', 'insight-icon')} ${translate('category.' + category)}</span>`
+  ).join('');
+
+  const tipsList = team.tips.map(
+    (tip) => `<li class="insight-tip-item">${icon('lightbulb', 'insight-icon')} ${escapeHtml(tip)}</li>`
+  ).join('');
+
+  return `
+    <div class="team-insights">
+      <div class="team-insight-group">
+        <div class="team-insight-section">
+          <div class="team-insight-label">${icon('thumbs-up')} ${translate('team.strengths')}</div>
+          <div class="team-insight-tags">${strengthTags || '<span class="team-insight-empty">-</span>'}</div>
+        </div>
+        <div class="team-insight-section">
+          <div class="team-insight-label">${icon('alert-triangle')} ${translate('team.weaknesses')}</div>
+          <div class="team-insight-tags">${weaknessTags || '<span class="team-insight-empty">-</span>'}</div>
+        </div>
+      </div>
+      ${team.tips.length > 0 ? `
+        <div class="team-insight-tips">
+          <div class="team-insight-label">${icon('lightbulb')} ${translate('team.tips')}</div>
+          <ul class="insight-tips-list">${tipsList}</ul>
+        </div>
+      ` : ''}
+    </div>
+  `;
+}
+
+/**
+ * @param {object|null} aiInsights
+ * @param {boolean} hasNewReviewsSinceAiGeneration
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @returns {string}
+ */
+function renderAiGenerateButton(aiInsights, hasNewReviewsSinceAiGeneration, translate) {
+  if (!aiInsights) {
+    return `
+      <button class="ai-generate-btn" onclick="generateAiInsights()">
+        ${icon('sparkles')} ${translate('ai.generate')}
+      </button>
+    `;
+  }
+
+  if (hasNewReviewsSinceAiGeneration) {
+    return `
+      <div class="ai-generate-bar">
+        <button class="ai-generate-btn" onclick="generateAiInsights()">
+          ${icon('sparkles')} ${translate('ai.refresh')}
+          <span class="ai-badge">${translate('ai.newDataAvailable')}</span>
+        </button>
+      </div>
+    `;
+  }
+
+  const generatedDate = new Date(aiInsights.generatedAt).toLocaleDateString();
+  return `
+    <div class="ai-generate-bar">
+      <span class="ai-last-generated">${translate('ai.lastGenerated', { date: generatedDate })}</span>
+      <button class="ai-generate-btn ai-refresh-btn" onclick="generateAiInsights()">
+        ${icon('refresh-cw')}
+      </button>
+    </div>
+  `;
+}
+
+/**
+ * @param {object} aiTeam
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @returns {string}
+ */
+function renderAiTeamCard(aiTeam, translate) {
+  const strengthsList = aiTeam.strengths.map(
+    (strength) => `<li class="ai-list-item">${icon('check-circle', 'ai-list-icon')} ${escapeHtml(strength)}</li>`
+  ).join('');
+
+  const weaknessesList = aiTeam.weaknesses.map(
+    (weakness) => `<li class="ai-list-item">${icon('alert-circle', 'ai-list-icon')} ${escapeHtml(weakness)}</li>`
+  ).join('');
+
+  const recommendationsList = aiTeam.recommendations.map(
+    (recommendation) => `<li class="ai-list-item">${icon('lightbulb', 'ai-list-icon')} ${escapeHtml(recommendation)}</li>`
+  ).join('');
+
+  return `
+    <div class="ai-team-card">
+      <div class="ai-team-card-header clickable" onclick="toggleTeamAnalysis()" role="button" tabindex="0">
+        ${icon('sparkles', 'ai-sparkle-icon')} ${translate('ai.teamAnalysis')}
+        <span id="team-analysis-toggle" class="toggle-icon"><i data-lucide="chevron-up"></i></span>
+      </div>
+      <div id="team-analysis-body" class="ai-team-card-body">
+        <div class="ai-summary">${escapeHtml(aiTeam.summary)}</div>
+        ${aiTeam.strengths.length > 0 ? `
+          <div class="ai-section-group">
+            <div class="ai-section-label">${icon('check-circle')} ${translate('ai.strengths')}</div>
+            <ul class="ai-list">${strengthsList}</ul>
+          </div>
+        ` : ''}
+        ${aiTeam.weaknesses.length > 0 ? `
+          <div class="ai-section-group">
+            <div class="ai-section-label">${icon('alert-circle')} ${translate('ai.weaknesses')}</div>
+            <ul class="ai-list">${weaknessesList}</ul>
+          </div>
+        ` : ''}
+        ${aiTeam.recommendations.length > 0 ? `
+          <div class="ai-section-group">
+            <div class="ai-section-label">${icon('lightbulb')} ${translate('ai.recommendations')}</div>
+            <ul class="ai-list">${recommendationsList}</ul>
+          </div>
+        ` : ''}
+        <div class="ai-section-group">
+          <div class="ai-section-label">${icon('users')} ${translate('ai.dynamics')}</div>
+          <div class="ai-summary">${escapeHtml(aiTeam.dynamics)}</div>
+        </div>
+      </div>
+    </div>
+  `;
+}
+
+/**
+ * @param {object} insightsData
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @returns {string}
+ */
+export function renderTeamTab(insightsData, translate) {
+  if (insightsData.isEmpty) {
+    return `<div class="empty-state">${icon('users')} ${translate('team.noData')}</div>`;
+  }
+
+  const aiInsights = insightsData.aiInsights || null;
+  const hasNewReviews = insightsData.hasNewReviewsSinceAiGeneration === true;
+
+  const aiButtonHtml = renderAiGenerateButton(aiInsights, hasNewReviews, translate);
+  const hasAiTeam = aiInsights?.team !== undefined && aiInsights?.team !== null;
+  const teamSectionHtml = hasAiTeam
+    ? renderAiTeamCard(aiInsights.team, translate)
+    : renderTeamInsights(insightsData.team, translate);
+
+  const aiDevelopers = aiInsights?.developers ? aiInsights.developers : [];
+  const developerCardsHtml = insightsData.developers.map((developer) => {
+    const aiDeveloper = aiDevelopers.find(
+      (aiDev) => aiDev.developerName === developer.developerName
+    ) || null;
+    return renderDeveloperCard(developer, translate, aiDeveloper);
+  }).join('');
+
+  const exportButtonHtml = `
+    <button class="export-pdf-btn" onclick="exportInsightsPdf()">
+      ${icon('file-text')} ${translate('export.pdf')}
+    </button>
+  `;
+
+  const healthStripHtml = renderTeamHealthStrip(insightsData.team, translate);
+
+  return `
+    <div class="team-tab-actions">
+      ${aiButtonHtml}
+      ${exportButtonHtml}
+    </div>
+    ${healthStripHtml}
+    ${teamSectionHtml}
+    <div class="team-grid">
+      ${developerCardsHtml}
+    </div>
+  `;
+}
+
+/**
+ * @param {string} projectPath
+ * @param {(key: string, params?: Record<string, string|number>) => string} translate
+ * @param {string} apiUrl
+ */
+export async function fetchAndRenderTeamTab(projectPath, translate, apiUrl) {
+  const container = document.getElementById('team-tab-content');
+  if (!container) return;
+
+  container.innerHTML = `<div class="empty-state team-loading">${icon('loader-circle', 'spinning')} ${translate('team.loading')}</div>`;
+
+  try {
+    const response = await fetch(`${apiUrl}/api/insights?path=${encodeURIComponent(projectPath)}`);
+    const data = await response.json();
+
+    container.innerHTML = renderTeamTab(data, translate);
+
+    setTimeout(() => {
+      container.querySelectorAll('.stat-bar-fill[data-target-width]').forEach((bar) => {
+        bar.style.width = bar.dataset.targetWidth;
+      });
+    }, 50);
+  } catch (error) {
+    console.error('Error fetching team insights:', error);
+    container.innerHTML = `<div class="empty-state">${translate('team.noData')}</div>`;
+  }
+}

package/dist/interface-adapters/views/dashboard/modules/teamTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teamTab.js","sourceRoot":"","sources":["../../../../../src/interface-adapters/views/dashboard/modules/teamTab.js"],"names":[],"mappings":"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"}

package/dist/interface-adapters/views/dashboard/modules/versionUpdate.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @param {{ currentVersion: string, updateAvailable: boolean, latestVersion: string | null }} versionData
+ * @param {(key: string, params?: Record<string, string | number>) => string} translate
+ * @returns {string}
+ */
+export function renderVersionUpdateArea(versionData: {
+    currentVersion: string;
+    updateAvailable: boolean;
+    latestVersion: string | null;
+}, translate: (key: string, params?: Record<string, string | number>) => string): string;
+/**
+ * @param {'idle' | 'checking' | 'updating' | 'restarting'} status
+ * @param {(key: string) => string} translate
+ */
+export function setVersionCheckState(status: "idle" | "checking" | "updating" | "restarting", translate: (key: string) => string): void;
+//# sourceMappingURL=versionUpdate.d.ts.map

package/dist/interface-adapters/views/dashboard/modules/versionUpdate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"versionUpdate.d.ts","sourceRoot":"","sources":["../../../../../src/interface-adapters/views/dashboard/modules/versionUpdate.js"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,qDAJW;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,aAClF,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,GAC/D,MAAM,CAmBlB;AAED;;;GAGG;AACH,6CAHW,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,aAC/C,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,QAyBjC"}

package/dist/interface-adapters/views/dashboard/modules/versionUpdate.js

@@ -0,0 +1,54 @@
+import { escapeHtml } from './html.js';
+
+/**
+ * @param {{ currentVersion: string, updateAvailable: boolean, latestVersion: string | null }} versionData
+ * @param {(key: string, params?: Record<string, string | number>) => string} translate
+ * @returns {string}
+ */
+export function renderVersionUpdateArea(versionData, translate) {
+  const versionLabel = `<span class="version-label">v${escapeHtml(versionData.currentVersion)}</span>`;
+
+  const checkButton = `<button id="version-check-btn" class="btn btn-icon" title="${escapeHtml(translate('version.checkTooltip'))}" onclick="checkForUpdates()">
+    <i data-lucide="refresh-cw"></i>
+  </button>`;
+
+  if (!versionData.updateAvailable || !versionData.latestVersion) {
+    return `${versionLabel}${checkButton}`;
+  }
+
+  const label = translate('version.updateAvailable', { version: versionData.latestVersion });
+  const updateButton = `<button id="version-update-btn" class="btn btn-update" onclick="triggerVersionUpdate()">
+    <i data-lucide="download"></i> <span>${escapeHtml(label)}</span>
+  </button>`;
+
+  return `${versionLabel}${updateButton}${checkButton}`;
+}
+
+/**
+ * @param {'idle' | 'checking' | 'updating' | 'restarting'} status
+ * @param {(key: string) => string} translate
+ */
+export function setVersionCheckState(status, translate) {
+  const checkBtn = document.getElementById('version-check-btn');
+  const updateBtn = document.getElementById('version-update-btn');
+
+  if (status === 'checking' && checkBtn) {
+    checkBtn.classList.add('spinning');
+    checkBtn.disabled = true;
+  } else if (checkBtn) {
+    checkBtn.classList.remove('spinning');
+    checkBtn.disabled = false;
+  }
+
+  if (status === 'updating' && updateBtn) {
+    updateBtn.disabled = true;
+    const span = updateBtn.querySelector('span');
+    if (span) span.textContent = translate('version.updating');
+  }
+
+  if (status === 'restarting' && updateBtn) {
+    updateBtn.disabled = true;
+    const span = updateBtn.querySelector('span');
+    if (span) span.textContent = translate('version.restarting');
+  }
+}

package/dist/interface-adapters/views/dashboard/modules/versionUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"versionUpdate.js","sourceRoot":"","sources":["../../../../../src/interface-adapters/views/dashboard/modules/versionUpdate.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,WAAW,EAAE,SAAS;IAC5D,MAAM,YAAY,GAAG,gCAAgC,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC;IAErG,MAAM,WAAW,GAAG,8DAA8D,UAAU,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC;;YAErH,CAAC;IAEX,IAAI,CAAC,WAAW,CAAC,eAAe,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;QAC/D,OAAO,GAAG,YAAY,GAAG,WAAW,EAAE,CAAC;IACzC,CAAC;IAED,MAAM,KAAK,GAAG,SAAS,CAAC,yBAAyB,EAAE,EAAE,OAAO,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC;IAC3F,MAAM,YAAY,GAAG;2CACoB,UAAU,CAAC,KAAK,CAAC;YAChD,CAAC;IAEX,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,EAAE,CAAC;AACxD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAAM,EAAE,SAAS;IACpD,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;IAEhE,IAAI,MAAM,KAAK,UAAU,IAAI,QAAQ,EAAE,CAAC;QACtC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACnC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC;IAC3B,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACtC,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,IAAI,MAAM,KAAK,UAAU,IAAI,SAAS,EAAE,CAAC;QACvC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1B,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,IAAI;YAAE,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,MAAM,KAAK,YAAY,IAAI,SAAS,EAAE,CAAC;QACzC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1B,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7C,IAAI,IAAI;YAAE,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC"}