helixevo 0.2.41 → 0.3.0

package/dashboard/app/projects/client.tsx

@@ -119,7 +119,7 @@ function formatDate(value: string) {
   return new Date(value).toLocaleDateString()
 }
 
-export default function ProjectsClient({ profiles, skillCount }: { profiles: ProjectProfile[]; skillCount: number }) {
+export default function ProjectsClient({ profiles, skillCount, projectAnalysisTraces, pressureByProject }: { profiles: ProjectProfile[]; skillCount: number; projectAnalysisTraces: number; pressureByProject: Record<string, { projectId: string; totalSignals: number; nativeSignals: number; derivedSignals: number; highPrioritySignals: number; topCapabilities: string[] }> }) {
   const [inputMode, setInputMode] = useState<InputMode>('local')
   const [projectPath, setProjectPath] = useState('')
   const [githubUrl, setGithubUrl] = useState('')
@@ -338,7 +338,7 @@ export default function ProjectsClient({ profiles, skillCount }: { profiles: Pro
         }
       />
 
-      <div className="grid-4" style={{ marginBottom: 24 }}>
+      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))', gap: 16, marginBottom: 24 }}>
         <MetricCard
           label="Portfolio"
           value={profiles.length}
@@ -351,6 +351,18 @@ export default function ProjectsClient({ profiles, skillCount }: { profiles: Pro
           sublabel={`Average matched-skill coverage across ${profiles.length || 1} project${profiles.length === 1 ? '' : 's'}`}
           tone="purple"
         />
+        <MetricCard
+          label="Project-analysis traces"
+          value={projectAnalysisTraces}
+          sublabel="Native activation snapshots captured from successful project analysis runs"
+          tone="green"
+        />
+        <MetricCard
+          label="Project pressure hotspots"
+          value={Object.keys(pressureByProject).length}
+          sublabel="Projects currently carrying persisted or compatibility-derived pressure signals"
+          tone="blue"
+        />
         <MetricCard
           label="High-priority gaps"
           value={aggregate.totalHighGaps}
@@ -724,6 +736,7 @@ export default function ProjectsClient({ profiles, skillCount }: { profiles: Pro
             {profiles.map(profile => {
               const highGaps = profile.gaps.filter(gap => gap.priority === 'high')
               const matchedPct = skillCount > 0 ? Math.round((profile.matchedSkills.length / skillCount) * 100) : 0
+              const projectPressure = pressureByProject[profile.name]
 
               return (
                 <article key={profile.name} className="card" style={{ overflow: 'hidden' }}>
@@ -738,12 +751,18 @@ export default function ProjectsClient({ profiles, skillCount }: { profiles: Pro
                           <span className={`hero-chip hero-chip-${profile.status === 'active' ? 'green' : 'blue'}`}>{profile.status}</span>
                           <span className="hero-chip hero-chip-neutral">Analyzed {formatDate(profile.analyzedAt)}</span>
                           <span className={`hero-chip hero-chip-${highGaps.length > 0 ? 'red' : 'green'}`}>{highGaps.length} high-priority gap{highGaps.length === 1 ? '' : 's'}</span>
+                          {projectPressure ? (
+                            <span className={`hero-chip hero-chip-${projectPressure.highPrioritySignals > 0 ? 'red' : 'blue'}`}>
+                              {projectPressure.totalSignals} pressure signal{projectPressure.totalSignals === 1 ? '' : 's'}
+                            </span>
+                          ) : null}
                         </div>
                         <div style={{ fontSize: 24, fontWeight: 800, color: 'var(--text)', marginBottom: 8 }}>{profile.name}</div>
                         <div style={{ fontSize: 13, color: 'var(--text-secondary)', lineHeight: 1.7, marginBottom: 12 }}>{profile.description}</div>
                         <div style={{ display: 'flex', gap: 6, flexWrap: 'wrap' }}>
                           {profile.techStack.map(tech => <span key={tech} className="badge badge-gray">{tech}</span>)}
                           {profile.domains.map(domain => <span key={domain} className="badge badge-blue">{domain}</span>)}
+                          {projectPressure?.topCapabilities.map((capability) => <span key={`${profile.name}-${capability}`} className="badge badge-yellow">{capability}</span>)}
                         </div>
                       </div>
 

package/dashboard/app/projects/page.tsx

@@ -1,4 +1,4 @@
-import { loadAllProjectProfiles, loadGraph } from '@/lib/data'
+import { loadActivationTraces, loadAllProjectProfiles, loadGraph, loadPressureSignals } from '@/lib/data'
 import ProjectsClient from './client'
 
 export const dynamic = 'force-dynamic'
@@ -6,7 +6,34 @@ export const dynamic = 'force-dynamic'
 export default function ProjectsPage() {
   const profiles = loadAllProjectProfiles()
   const graph = loadGraph()
+  const activationTraces = loadActivationTraces()
+  const pressureSignals = loadPressureSignals()
   const skillCount = graph.nodes.length
+  const projectAnalysisTraces = activationTraces.filter((trace) => trace.provenance === 'project-analysis').length
+  const pressureByProject = Object.fromEntries(
+    Object.entries(
+      pressureSignals.reduce<Record<string, { projectId: string; totalSignals: number; nativeSignals: number; derivedSignals: number; highPrioritySignals: number; topCapabilities: string[] }>>((acc, signal) => {
+        if (!signal.projectId) return acc
+        const existing = acc[signal.projectId] ?? {
+          projectId: signal.projectId,
+          totalSignals: 0,
+          nativeSignals: 0,
+          derivedSignals: 0,
+          highPrioritySignals: 0,
+          topCapabilities: [],
+        }
+        existing.totalSignals += 1
+        if (signal.provenance === 'failure-native' || signal.provenance === 'project-analysis-native') existing.nativeSignals += 1
+        else existing.derivedSignals += 1
+        if (signal.priority === 'high') existing.highPrioritySignals += 1
+        if (signal.capability && !existing.topCapabilities.includes(signal.capability) && existing.topCapabilities.length < 3) {
+          existing.topCapabilities.push(signal.capability)
+        }
+        acc[signal.projectId] = existing
+        return acc
+      }, {}),
+    ),
+  )
 
-  return <ProjectsClient profiles={profiles} skillCount={skillCount} />
+  return <ProjectsClient profiles={profiles} skillCount={skillCount} projectAnalysisTraces={projectAnalysisTraces} pressureByProject={pressureByProject} />
 }

package/dashboard/app/research/client.tsx

@@ -32,6 +32,12 @@ interface KnowledgeBuffer {
 interface Props {
   buffer: KnowledgeBuffer
   projects: string[]
+  coevolution: {
+    pressureSignals: { total: number; native: number; derived: number }
+    topProjects: { projectId: string; totalSignals: number; highPrioritySignals: number; topCapabilities: string[] }[]
+    crossProjectGapAreas: { area: string; projects: string[]; count: number }[]
+    activeRecommendations: { action: 'research' | 'specialize' | 'create'; count: number }[]
+  }
 }
 
 type RunState = 'idle' | 'running' | 'success' | 'error' | 'stopped'
@@ -78,7 +84,7 @@ function consoleTone(state: RunState): 'neutral' | 'green' | 'red' | 'yellow' {
   return 'neutral'
 }
 
-export default function ResearchClient({ buffer, projects }: Props) {
+export default function ResearchClient({ buffer, projects, coevolution }: Props) {
   const [runState, setRunState] = useState<RunState>('idle')
   const [output, setOutput] = useState('')
   const abortRef = useRef<AbortController | null>(null)
@@ -178,6 +184,66 @@ export default function ResearchClient({ buffer, projects }: Props) {
         ]}
       />
 
+      <SectionFrame
+        eyebrow="Why research now"
+        title="Current pressure handoff"
+        description="Research becomes more valuable when recurring project pressure points to capability gaps that should generalize beyond one local context."
+        tone="blue"
+      >
+        <div className="grid-3">
+          <MetricCard
+            label="Pressure signals"
+            value={coevolution.pressureSignals.total}
+            sublabel={`${coevolution.pressureSignals.native} native • ${coevolution.pressureSignals.derived} derived`}
+            tone="blue"
+            icon="◎"
+          />
+          <MetricCard
+            label="Pressured projects"
+            value={coevolution.topProjects.length}
+            sublabel="Projects currently producing the strongest adaptation demand"
+            tone="purple"
+            icon="◉"
+          />
+          <MetricCard
+            label="Cross-project gap motifs"
+            value={coevolution.crossProjectGapAreas.length}
+            sublabel="Recurring capability gaps that research can help generalize"
+            tone="green"
+            icon="⇄"
+          />
+        </div>
+
+        <div style={{ display: 'grid', gridTemplateColumns: 'minmax(0, 1.2fr) minmax(0, 1fr)', gap: 16, marginTop: 16 }}>
+          <div style={{ padding: '14px 16px', borderRadius: 18, background: 'rgba(255,255,255,0.7)', border: '1px solid var(--border)' }}>
+            <div className="section-label" style={{ marginBottom: 10 }}>Top gap motifs</div>
+            {coevolution.crossProjectGapAreas.length === 0 ? (
+              <div className="signal-text">Recurring cross-project gap motifs will appear here once the same capability pressure shows up across multiple projects.</div>
+            ) : (
+              <div style={{ display: 'grid', gap: 8 }}>
+                {coevolution.crossProjectGapAreas.slice(0, 4).map((entry) => (
+                  <div key={entry.area} style={{ padding: '12px 14px', borderRadius: 16, background: 'rgba(97,93,86,0.06)', border: '1px solid var(--border)' }}>
+                    <div style={{ fontSize: 12.5, fontWeight: 700, color: 'var(--text)' }}>{entry.area}</div>
+                    <div style={{ fontSize: 11.5, color: 'var(--text-dim)', marginTop: 4 }}>{entry.count} projects • {entry.projects.join(', ')}</div>
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+
+          <div style={{ padding: '14px 16px', borderRadius: 18, background: 'rgba(255,255,255,0.7)', border: '1px solid var(--border)' }}>
+            <div className="section-label" style={{ marginBottom: 10 }}>Recommended routing pressure</div>
+            <div style={{ display: 'flex', gap: 8, flexWrap: 'wrap' }}>
+              {coevolution.activeRecommendations.length > 0 ? coevolution.activeRecommendations.map((entry) => (
+                <span key={entry.action} className={`hero-chip hero-chip-${entry.action === 'research' ? 'blue' : entry.action === 'specialize' ? 'green' : 'purple'}`}>
+                  {entry.action} × {entry.count}
+                </span>
+              )) : <span className="badge badge-gray">No routed action pressure yet</span>}
+            </div>
+          </div>
+        </div>
+      </SectionFrame>
+
       <SectionFrame
         eyebrow="Pipeline"
         title="How research works"

package/dashboard/app/research/page.tsx

@@ -1,4 +1,4 @@
-import { loadBuffer, listProjects } from '@/lib/data'
+import { loadBuffer, loadCoEvolutionSummary, listProjects } from '@/lib/data'
 import ResearchClient from './client'
 
 export const dynamic = 'force-dynamic'
@@ -6,6 +6,7 @@ export const dynamic = 'force-dynamic'
 export default function ResearchPage() {
   const buffer = loadBuffer()
   const projects = listProjects()
+  const coevolution = loadCoEvolutionSummary()
 
-  return <ResearchClient buffer={buffer} projects={projects} />
+  return <ResearchClient buffer={buffer} projects={projects} coevolution={coevolution} />
 }