repo-wrapped 0.0.7 → 0.0.9

package/dist/generators/html/styles/components.css

@@ -223,6 +223,49 @@
   color: var(--text-link);
 }
 
+/* === Reusable Stat Card Base === */
+.stat-card-base {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md);
+  background: var(--bg-primary);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md);
+  transition: border-color var(--transition-fast);
+}
+
+.stat-card-base:hover {
+  border-color: var(--border-emphasis);
+}
+
+.stat-card-base .stat-icon {
+  font-size: 32px;
+  line-height: 1;
+}
+
+.stat-card-base .stat-label {
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-weight: var(--font-weight-medium);
+}
+
+.stat-card-base .stat-value {
+  font-size: 24px;
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-primary);
+}
+
+.stat-card-base .stat-detail {
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+}
+
 /* === Streak Section === */
 .streak-section {
   margin-top: var(--spacing-xl);
@@ -624,7 +667,51 @@
   font-weight: var(--font-weight-semibold);
   background: var(--border-subtle);
   padding: var(--spacing-xs) var(--spacing-sm);
-  border-radius: 12px;
+  border-radius: var(--radius-xl);
+}
+
+/* Subject Quality Breakdown */
+.subject-quality-breakdown {
+  margin: var(--spacing-lg) 0;
+  padding: var(--spacing-md);
+  background: var(--bg-primary);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md);
+}
+
+.subject-quality-breakdown h3 {
+  margin-top: 0;
+  margin-bottom: var(--spacing-md);
+}
+
+.subject-metrics-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: var(--spacing-md);
+}
+
+.subject-metric {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-xs);
+  padding: var(--spacing-sm);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-sm);
+}
+
+.subject-metric .metric-icon {
+  font-size: var(--font-size-lg);
+}
+
+.subject-metric .metric-name {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--text-primary);
+}
+
+.subject-metric .metric-detail {
+  font-size: var(--font-size-xs);
+  color: var(--text-muted);
 }
 
 .types-grid {
@@ -1062,6 +1149,12 @@
   color: var(--text-primary);
 }
 
+.impact-content {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
 .impact-overview {
   display: flex;
   gap: var(--spacing-xl);
@@ -1124,12 +1217,18 @@
 .impact-breakdown {
   flex: 1;
   min-width: 250px;
+  margin-top: 0;
+}
+
+.impact-breakdown h3 {
+  margin-top: 0;
 }
 
 .breakdown-items {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-md);
+  margin-top: var(--spacing-sm);
 }
 
 .breakdown-item {
@@ -1147,6 +1246,19 @@
 .breakdown-label { color: var(--text-secondary); }
 .breakdown-value { color: var(--text-primary); font-weight: var(--font-weight-medium); }
 
+.info-tooltip {
+  color: var(--text-muted);
+  cursor: help;
+  font-size: 0.85em;
+  margin-left: 4px;
+  opacity: 0.6;
+  transition: opacity 0.2s;
+}
+
+.info-tooltip:hover {
+  opacity: 1;
+}
+
 .breakdown-bar {
   height: 8px;
   background: var(--border-subtle);
@@ -1225,6 +1337,14 @@
   color: var(--accent-blue);
 }
 
+.impact-files {
+  margin-top: var(--spacing-lg);
+}
+
+.impact-files h3 {
+  margin-bottom: var(--spacing-sm);
+}
+
 .insights-list,
 .recommendations {
   margin-top: var(--spacing-lg);

package/dist/generators/html/styles/knowledge.css

@@ -214,6 +214,27 @@
   text-align: center;
 }
 
+.more-files-btn {
+  display: block;
+  width: 100%;
+  padding: var(--spacing-sm) var(--spacing-md);
+  margin-top: var(--spacing-sm);
+  background: var(--bg-tertiary);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-sm);
+  color: var(--text-secondary);
+  font-size: var(--font-size-sm);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  text-align: center;
+}
+
+.more-files-btn:hover {
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  border-color: var(--border-emphasis);
+}
+
 /* Risk Badge Enhancement for Files */
 .file-table .risk-badge {
   font-size: var(--font-size-xs);

package/dist/generators/html/styles/leaddev.css

@@ -2,62 +2,81 @@
 
 /* ===== Velocity Section ===== */
 .velocity-section {
-  margin-bottom: 2rem;
+  margin-bottom: var(--spacing-xl);
 }
 
 .velocity-stats {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-  gap: 1rem;
-  margin-bottom: 1.5rem;
+  gap: var(--spacing-md);
+  margin-bottom: var(--spacing-lg);
 }
 
 .velocity-stat-card {
-  background: var(--card-bg);
-  border-radius: 12px;
-  padding: 1rem;
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 1rem;
-  border: 1px solid var(--border-color);
+  justify-content: center;
+  text-align: center;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md);
+  background: var(--bg-primary);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md);
+  transition: border-color var(--transition-fast);
+}
+
+.velocity-stat-card:hover {
+  border-color: var(--border-emphasis);
 }
 
 .velocity-stat-card .stat-icon {
-  font-size: 2rem;
+  font-size: 32px;
+  line-height: 1;
+}
+
+.velocity-stat-card .stat-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 .velocity-stat-card .stat-label {
-  font-size: 0.75rem;
-  color: var(--text-muted);
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.5px;
+  font-weight: var(--font-weight-medium);
+  margin-bottom: var(--spacing-xs);
 }
 
 .velocity-stat-card .stat-value {
-  font-size: 1.5rem;
-  font-weight: 700;
+  font-size: 24px;
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-primary);
+  margin-bottom: var(--spacing-xs);
 }
 
 .velocity-stat-card .stat-value.positive { color: #69db7c; }
 .velocity-stat-card .stat-value.negative { color: #ff6b6b; }
-.velocity-stat-card .stat-value.neutral { color: var(--text-muted); }
+.velocity-stat-card .stat-value.neutral { color: var(--text-secondary); }
 
 .velocity-stat-card .stat-detail {
-  font-size: 0.8rem;
-  color: var(--text-muted);
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
 }
 
 .velocity-chart-container {
-  background: var(--card-bg);
-  border-radius: 12px;
-  padding: 1.5rem;
-  border: 1px solid var(--border-color);
-  margin-bottom: 1.5rem;
+  background: var(--bg-primary);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-lg);
+  border: 1px solid var(--border-default);
+  margin-bottom: var(--spacing-lg);
 }
 
 .velocity-chart-container h3 {
   margin-top: 0;
-  margin-bottom: 1rem;
+  margin-bottom: var(--spacing-md);
 }
 
 .velocity-chart {
@@ -77,8 +96,9 @@
 }
 
 .velocity-chart .legend-label {
-  fill: var(--text-color);
-  font-size: 10px;
+  fill: var(--text-primary);
+  font-size: 12px;
+  font-weight: 500;
 }
 
 .velocity-chart .anomaly-marker {
@@ -158,47 +178,87 @@
 
 /* ===== Gap Section ===== */
 .gap-section {
-  margin-bottom: 2rem;
+  margin-bottom: var(--spacing-xl);
 }
 
 .gap-stats {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-  gap: 1rem;
-  margin-bottom: 1.5rem;
+  gap: var(--spacing-md);
+  margin-bottom: var(--spacing-lg);
 }
 
 .gap-stat-card {
-  background: var(--card-bg);
-  border-radius: 12px;
-  padding: 1rem;
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 1rem;
-  border: 1px solid var(--border-color);
+  justify-content: center;
+  text-align: center;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-md);
+  background: var(--bg-primary);
+  border: 1px solid var(--border-default);
+  border-radius: var(--radius-md);
+  transition: border-color var(--transition-fast);
+}
+
+.gap-stat-card:hover {
+  border-color: var(--border-emphasis);
 }
 
 .gap-stat-card.risk-card {
   border-left: 4px solid var(--risk-color);
 }
 
+.gap-stat-card .stat-icon {
+  font-size: 32px;
+  line-height: 1;
+}
+
+.gap-stat-card .stat-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.gap-stat-card .stat-label {
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-weight: var(--font-weight-medium);
+  margin-bottom: var(--spacing-xs);
+}
+
+.gap-stat-card .stat-value {
+  font-size: 24px;
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-primary);
+  margin-bottom: var(--spacing-xs);
+}
+
+.gap-stat-card .stat-detail {
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
+}
+
 .gap-stat-card .stat-value.risk-low { color: #69db7c; }
 .gap-stat-card .stat-value.risk-medium { color: #ffd43b; }
 .gap-stat-card .stat-value.risk-high { color: #ff922b; }
 .gap-stat-card .stat-value.risk-critical { color: #ff6b6b; }
 
 .risk-factors {
-  background: var(--card-bg);
-  border-radius: 12px;
-  padding: 1rem 1.5rem;
-  border: 1px solid var(--border-color);
-  margin-bottom: 1.5rem;
+  background: var(--bg-primary);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-md) var(--spacing-lg);
+  border: 1px solid var(--border-default);
+  margin-bottom: var(--spacing-lg);
 }
 
 .risk-factors h4 {
-  margin: 0 0 0.5rem 0;
-  font-size: 0.9rem;
-  color: var(--text-muted);
+  margin: 0 0 var(--spacing-sm) 0;
+  font-size: var(--font-size-sm);
+  color: var(--text-secondary);
 }
 
 .risk-factors ul {
@@ -207,16 +267,16 @@
 }
 
 .risk-factors li {
-  margin-bottom: 0.25rem;
-  font-size: 0.9rem;
+  margin-bottom: var(--spacing-xs);
+  font-size: var(--font-size-sm);
 }
 
 .gap-timeline-container {
-  background: var(--card-bg);
-  border-radius: 12px;
-  padding: 1.5rem;
-  border: 1px solid var(--border-color);
-  margin-bottom: 1.5rem;
+  background: var(--bg-primary);
+  border-radius: var(--radius-md);
+  padding: var(--spacing-lg);
+  border: 1px solid var(--border-default);
+  margin-bottom: var(--spacing-lg);
 }
 
 .gap-timeline-container h3 {
@@ -1027,7 +1087,7 @@
 
 .insights-list {
   list-style: none;
-  padding: 0;
+  padding: var(--spacing-md);
   margin: 0;
 }