feat(devindex): Add Impact column with Heuristics visualization (#9178)

Author: tobiu

apps/devindex/view/home/GridContainer.mjs

@@ -1,5 +1,6 @@
 import BaseGridContainer from '../../../../src/grid/Container.mjs';
 import Contributors      from '../../store/Contributors.mjs';
+import Heuristics        from './component/Heuristics.mjs';
 import StatusToolbar     from './StatusToolbar.mjs';
 
 const
@@ -180,6 +181,15 @@ class GridContainer extends BaseGridContainer {
                 cellAlign           : 'right',
                 defaultSortDirection: 'DESC',
                 renderer            : ({value}) => (value || 0).toFixed(2)
+            }, {
+                type     : 'component',
+                dataField: 'heuristics',
+                text     : 'Impact',
+                width    : 100,
+                component: ({record}) => ({
+                    module     : Heuristics,
+                    heuristics : record.heuristics || record.hm
+                })
             }, {
                 dataField: 'activity',
                 text     : `Activity (${activityDuration}y)`,

apps/devindex/view/home/component/Heuristics.mjs

@@ -0,0 +1,97 @@
+import Component from '../../../../../src/component/Base.mjs';
+
+/**
+ * @class DevIndex.view.home.component.Heuristics
+ * @extends Neo.component.Base
+ */
+class Heuristics extends Component {
+    static config = {
+        /**
+         * @member {String} className='DevIndex.view.home.component.Heuristics'
+         * @protected
+         */
+        className: 'DevIndex.view.home.component.Heuristics',
+        /**
+         * @member {String[]} cls=['devindex-heuristics']
+         */
+        cls: ['devindex-heuristics'],
+        /**
+         * @member {Object|null} heuristics_=null
+         */
+        heuristics_: null,
+        /**
+         * @member {Object} _vdom
+         */
+        _vdom:
+        {cn: [
+            {tag: 'span', cls: ['devindex-badge']}, // Velocity
+            {tag: 'span', cls: ['devindex-badge']}, // Acceleration
+            {tag: 'span', cls: ['devindex-badge']}  // Consistency
+        ]}
+    }
+
+    /**
+     * @param {Object|null} value
+     * @param {Object|null} oldValue
+     */
+    afterSetHeuristics(value, oldValue) {
+        let me     = this,
+            {vdom} = me,
+            nodes  = vdom.cn,
+            badges, v, a, c;
+
+        if (value) {
+            ({v, a, c} = value);
+            badges = [];
+
+            // 1. Velocity (v)
+            if (v > 1000) {
+                badges.push({cls: 'fire', icon: '🔥', title: 'Velocity: Superhuman (>1k/day)'})
+            } else if (v > 100) {
+                badges.push({cls: 'bolt', icon: '⚡', title: 'Velocity: High (>100/day)'})
+            }
+
+            // 2. Acceleration (a)
+            if (a > 10) {
+                badges.push({cls: 'rocket', icon: '🚀', title: 'Acceleration: Explosive Growth (>10x)'})
+            } else if (a > 2) {
+                badges.push({cls: 'trend-up', icon: '📈', title: 'Acceleration: Rising Star (>2x)'})
+            }
+
+            // 3. Consistency (c)
+            if (c > 10) {
+                badges.push({cls: 'pillar', icon: '🏛️', title: 'Consistency: Community Pillar (>10y)'})
+            } else if (c > 5) {
+                badges.push({cls: 'shield', icon: '🛡️', title: 'Consistency: Veteran (>5y)'})
+            }
+
+            // Zero State
+            if (badges.length === 0 && c <= 1) {
+                badges.push({cls: 'seedling', icon: '🌱', title: 'New Contributor'})
+            }
+
+            // Map badges to fixed nodes
+            nodes.forEach((node, index) => {
+                let badge = badges[index];
+
+                if (badge) {
+                    node.cls   = ['devindex-badge', badge.cls];
+                    node.title = badge.title;
+                    node.html  = badge.icon; // Using html for emoji chars is fine, but text is safer? Emoji IS text.
+                    node.style = null        // Remove visibility: hidden
+                } else {
+                    node.style = {visibility: 'hidden'}
+                }
+            });
+        } else {
+            // Hide all if no data
+            nodes.forEach(node => {
+                node.style = {visibility: 'hidden'}
+            })
+        }
+
+        me.update()
+    }
+}
+
+export default Neo.setupClass(Heuristics);

resources/scss/src/apps/devindex/home/component/Heuristics.scss

@@ -0,0 +1,24 @@
+.devindex-heuristics {
+    align-items: center;
+    contain    : layout paint style;
+    display    : flex;
+    gap        : 4px;
+    height     : 100%;
+
+    .devindex-badge {
+        align-items    : center;
+        border-radius  : 4px;
+        display        : flex;
+        font-size      : 14px;
+        justify-content: center;
+        width          : 20px;
+
+        &.seedling {color: #4caf50;} /* Green */
+        &.fire     {color: #f44336;} /* Red */
+        &.bolt     {color: #ff9800;} /* Orange */
+        &.rocket   {color: #9c27b0;} /* Purple */
+        &.trend-up {color: #2196f3;} /* Blue */
+        &.pillar   {color: #ffd700;} /* Gold */
+        &.shield   {color: #607d8b;} /* Blue Grey */
+    }
+}