+
+
High Impact Repositories
+
+
+
+
+ {open && (
+
+
Health Score estimates the overall health of a repository on a scale of 0 – 100.
+
+
+ -
+ Activity (40%) – How recently the repository has been updated.
+
+ -
+ Issue Health (30%) – Balance between open issues and maintenance.
+
+ -
+ Contributor Diversity (30%) – Number of active contributors.
+
+
+
+
+ Higher scores indicate healthier and more actively maintained repositories.
+
+
+ )}
By Composite Health Score
{topRepos.map(r => (
{r.name}
- {r.healthScore}
@@ -132,12 +183,12 @@ export default function OverviewPage() {
{/* Nav cards */}
-
-
-
-
-
-
+
+
+
+
+
+
)
diff --git a/src/pages/RepositoriesPage.jsx b/src/pages/RepositoriesPage.jsx
index 3f87597..a77eb4f 100644
--- a/src/pages/RepositoriesPage.jsx
+++ b/src/pages/RepositoriesPage.jsx
@@ -1,5 +1,6 @@
-import React, { useState, useMemo } from 'react'
+import React, { useState, useMemo, useEffect, useRef } from 'react'
import { FiDatabase, FiDownload, FiGrid, FiList } from 'react-icons/fi'
+import { BsFillInfoSquareFill } from "react-icons/bs";
import { useApp } from '../context/AppContext'
import { C, Badge, HealthBar, SortTh, PageTitle, LoadMore } from '../components/UI'
import { useSortedData } from '../hooks/useSortedData'
@@ -7,16 +8,33 @@ import { exportReposCSV } from '../services/analytics'
import EmptyStateCard from '../components/EmptyStateCard'
import { useNavigate } from 'react-router-dom'
-const LIFECYCLES = ['All','Thriving','Stable','Dormant','Abandoned']
-const LC_ACTIVE = { Thriving:'var(--green)', Stable:'var(--blue)', Dormant:'var(--amber)', Abandoned:'var(--red)' }
+const LIFECYCLES = ['All', 'Thriving', 'Stable', 'Dormant', 'Abandoned']
+const LC_ACTIVE = { Thriving: 'var(--green)', Stable: 'var(--blue)', Dormant: 'var(--amber)', Abandoned: 'var(--red)' }
export default function RepositoriesPage() {
const { model } = useApp()
- const [search, setSearch] = useState('')
+ const [search, setSearch] = useState('')
const [lifecycle, setLifecycle] = useState('All')
- const [lang, setLang] = useState('All')
- const [view, setView] = useState('grid')
- const [shown, setShown] = useState(20)
+ const [lang, setLang] = useState('All')
+ const [view, setView] = useState('grid')
+ const [shown, setShown] = useState(20)
+ const [openInfo, setOpenInfo] = useState(false)
+ const infoRef = useRef(null)
+
+ useEffect(() => {
+ function handleClickOutside(event) {
+ if (
+ infoRef.current &&
+ !infoRef.current.contains(event.target)
+ ) {
+ setOpenInfo(false)
+ }
+ }
+ document.addEventListener('mousedown', handleClickOutside)
+ return () => {
+ document.removeEventListener('mousedown', handleClickOutside)
+ }
+ }, [])
const navigate = useNavigate()
if (!model) return null
@@ -37,27 +55,98 @@ export default function RepositoriesPage() {
const visible = sorted.slice(0, shown)
const TABLE_COLS = [
- ['name', 'Repository'],
+ ['name', 'Repository'],
['stargazers_count', 'Stars'],
- ['forks_count', 'Forks'],
- ['open_issues_count','Open Issues'],
- ['healthScore', 'Health'],
- ['lifecycle', 'Lifecycle'],
- ['pushed_at', 'Last Push'],
+ ['forks_count', 'Forks'],
+ ['open_issues_count', 'Open Issues'],
+ ['healthScore', 'Health'],
+ ['lifecycle', 'Lifecycle'],
+ ['pushed_at', 'Last Push'],
]
return (
-
- {filtered.length}
- / {allRepos.length} repos
-
- }
- />
+
+
+ Repository Explorer
+
+
+
+
+ Repository Health Metrics
+
+
+
+ OrgExplorer evaluates repositories using activity, issue health,
+ contributor diversity, and lifecycle status.
+
+
+
+
Health Score (0–100)
+
+ - Activity → 40%
+ - Issue Health → 30%
+ - Contributor Diversity → 30%
+
+
+
Lifecycle Classification
+
+ - 🟢 Thriving → Updated within 30 days
+ - 🔵 Stable → Updated within 90 days
+ - 🟡 Dormant → Updated within 180 days
+ - 🔴 Abandoned → No updates for 180+ days
+
+
+
Repository Signals
+
+ - Stars → Community interest
+ - Forks → Adoption & contributions
+ - Issues → Current maintenance workload
+
+
+
{/* Filter bar */}
@@ -98,113 +187,113 @@ export default function RepositoriesPage() {
))}
-{allRepos?.length ? (
- <>
- {/* Table view */}
- {view === 'list' && (
-
- )}
-
- {/* Grid view */}
- {view === 'grid' && (
+ {allRepos?.length ? (
<>
-
)
}
diff --git a/src/pages/SettingsPage.jsx b/src/pages/SettingsPage.jsx
index 41c840b..be74441 100644
--- a/src/pages/SettingsPage.jsx
+++ b/src/pages/SettingsPage.jsx
@@ -1,14 +1,15 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect, useRef } from 'react'
import { FiEye, FiEyeOff, FiTrash2, FiSave, FiRefreshCw } from 'react-icons/fi'
import { useApp } from '../context/AppContext'
import { C } from '../components/UI'
import { cacheClear } from '../services/github'
+import { BsFillInfoSquareFill } from "react-icons/bs";
export default function SettingsPage() {
const { pat, savePat, rateLimit } = useApp()
- const [draft, setDraft] = useState(pat)
- const [show, setShow] = useState(false)
- const [saved, setSaved] = useState(false)
+ const [draft, setDraft] = useState(pat)
+ const [show, setShow] = useState(false)
+ const [saved, setSaved] = useState(false)
const [cleared, setCleared] = useState(false)
const handleSave = () => {
@@ -32,6 +33,21 @@ export default function SettingsPage() {
? rateLimit.remaining / rateLimit.limit > 0.3 ? 'var(--green)' : 'var(--red)'
: 'var(--text2)'
+ const [open, setOpen] = useState(false)
+ const infoRef = useRef(null)
+
+ useEffect(() => {
+ function handleClickOutside(event) {
+ if (infoRef.current && !infoRef.current.contains(event.target)) {
+ setOpen(false)
+ }
+ }
+ document.addEventListener('mousedown', handleClickOutside)
+ return () => {
+ document.removeEventListener('mousedown', handleClickOutside)
+ }
+ }, [])
+
return (