repo-wrapped 0.0.6 → 0.0.9

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

@@ -23,15 +23,19 @@
   --accent-blue: #58a6ff;
   --accent-blue-muted: #388bfd;
   --accent-green: #3fb950;
+  --accent-green-light: #69db7c;
   --accent-green-muted: #238636;
   --accent-gold: #d4a72c;
   --accent-gold-muted: #9e7a1f;
   --accent-purple: #8b5cf6;
+  --accent-orange: #ff922b;
+  --accent-orange-light: #ffa94d;
   
   /* Status Colors */
   --status-success: #238636;
-  --status-warning: #9e6a03;
-  --status-danger: #da3633;
+  --status-warning: #ffd43b;
+  --status-warning-muted: #9e6a03;
+  --status-danger: #ff6b6b;
   --status-info: #58a6ff;
   
   /* Tier Colors (Muted) */
@@ -53,6 +57,7 @@
   --radius-sm: 2px;
   --radius-md: 4px;
   --radius-lg: 6px;
+  --radius-xl: 12px;
   
   /* Shadows */
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
@@ -130,7 +135,7 @@ body {
   border: 1px solid var(--border-default);
   border-radius: var(--radius-lg);
   padding: var(--spacing-lg);
-  max-width: fit-content;
+  min-width: 70vw;
   box-shadow: var(--shadow-md);
 }
 
@@ -356,7 +361,7 @@ h3 {
 
 .filter-group {
   display: flex;
-  align-items: center;
+  align-items: baseline;
   gap: var(--spacing-sm);
 }
 
@@ -547,7 +552,6 @@ h3 {
 .sidebar-header {
   padding: var(--spacing-md);
   margin-bottom: var(--spacing-md);
-  border-bottom: 1px solid var(--border-default);
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -662,7 +666,7 @@ h3 {
 /* === Main Content === */
 .main-content {
   flex: 1;
-  min-width: 0;
+  min-width: 70vw;
 }
 
 /* === Dashboard Section (Collapsible) === */

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);