Route lscr.io update checks through ghcr.io

lscr.io is a mirror of ghcr.io — same manifests and auth service.
Using the ghcr.io token flow (with GITHUB_TOKEN) is reliable; calling
the lscr.io token endpoint with service=lscr.io silently fails.

server/routes/updates.ts

@@ -119,7 +119,8 @@ async function getGhcrLatestDigest(image: string, tag: string): Promise<string |
 }
 
 async function getLscrLatestDigest(image: string, tag: string): Promise<string | null> {
-  return getGenericRegistryDigest('lscr.io', image, tag)
+  // lscr.io is backed by ghcr.io and requires the same GitHub token auth
+  return getGenericRegistryDigest('lscr.io', image, tag, process.env.GITHUB_TOKEN)
 }
 
 router.get('/docker', async (_req, res) => {
@@ -187,7 +188,8 @@ router.get('/docker', async (_req, res) => {
           const latest = await getGhcrLatestDigest(name, tag)
           if (latest) upToDate = latest === repoDigest
         } else if (isLscr && repoDigest) {
-          const latest = await getLscrLatestDigest(name, tag)
+          // lscr.io is a mirror of ghcr.io — same manifests, same digests, same auth
+          const latest = await getGhcrLatestDigest(name, tag)
           if (latest) upToDate = latest === repoDigest
         }
 

src/components/widgets/DockerUpdatesWidget.tsx

@@ -9,6 +9,8 @@ interface ContainerInfo {
   endpoint: string
 }
 
+const KNOWN = ['docker.io', 'ghcr.io', 'lscr.io']
+
 export function DockerUpdatesWidget() {
   const [containers, setContainers] = useState<ContainerInfo[]>([])
   const [error, setError] = useState<string | null>(null)
@@ -17,25 +19,26 @@ export function DockerUpdatesWidget() {
   useEffect(() => {
     fetch('/api/updates/docker')
       .then(r => r.json())
-      .then(d => {
-        if (d.error) setError(d.error)
-        else setContainers(d.containers)
-      })
+      .then(d => { if (d.error) setError(d.error); else setContainers(d.containers) })
       .catch(() => setError('Failed to connect'))
       .finally(() => setLoading(false))
   }, [])
 
-  const outdated = containers.filter(c => c.upToDate === false).length
-  const knownRegistries = ['docker.io', 'ghcr.io', 'lscr.io']
-  const unknown  = containers.filter(c => c.upToDate === null && !knownRegistries.includes(c.registry)).length
+  const outdated    = containers.filter(c => c.upToDate === false)
+  const upToDate    = containers.filter(c => c.upToDate === true)
+  const unverified  = containers.filter(c => c.upToDate === null && KNOWN.includes(c.registry))
+  const external    = containers.filter(c => !KNOWN.includes(c.registry))
+
+  // Show: outdated first, then up to date. Unverified and ext only as a footer count.
+  const visible = [...outdated, ...upToDate]
 
   return (
     <div className="card">
       <div className="widget-header">
         <div className="widget-title"><span className="dot" />Docker</div>
         {!loading && !error && (
-          <span className="widget-badge" style={outdated > 0 ? { background: 'rgba(248,113,113,0.15)', color: 'var(--red)' } : {}}>
-            {outdated > 0 ? `${outdated} outdated` : 'all current'}
+          <span className="widget-badge" style={outdated.length > 0 ? { background: 'rgba(248,113,113,0.15)', color: 'var(--red)' } : {}}>
+            {outdated.length > 0 ? `${outdated.length} outdated` : 'all current'}
           </span>
         )}
       </div>
@@ -45,13 +48,7 @@ export function DockerUpdatesWidget() {
 
       {!loading && !error && (
         <div className="progress-group" style={{ maxHeight: '260px', overflowY: 'auto', scrollbarWidth: 'thin', paddingRight: '4px' }}>
-          {[...containers]
-            .sort((a, b) => {
-              const rank = (c: ContainerInfo) =>
-                c.upToDate === false ? 0 : c.upToDate === null ? 1 : 2
-              return rank(a) - rank(b)
-            })
-            .map(c => (
+          {visible.map(c => (
             <div key={c.name} className="list-item">
               <div className="list-item-left" style={{ flexDirection: 'column', alignItems: 'flex-start', gap: 2 }}>
                 <span>{c.name}</span>
@@ -59,20 +56,17 @@ export function DockerUpdatesWidget() {
                   {c.image}:{c.tag.startsWith('sha256:') ? c.tag.slice(0, 15) + '…' : c.tag} · {c.endpoint}
                 </span>
               </div>
-              {c.upToDate === null && !knownRegistries.includes(c.registry) ? (
-                <span className="pill pill-blue">ext</span>
-              ) : c.upToDate === true ? (
-                <span className="pill pill-green">✓</span>
-              ) : c.upToDate === false ? (
-                <span className="pill pill-red">↑ update</span>
-              ) : (
-                <span className="pill" style={{ background: 'var(--surface2)', color: 'var(--muted)' }}>?</span>
-              )}
+              {c.upToDate === true
+                ? <span className="pill pill-green">✓</span>
+                : <span className="pill pill-red">↑ update</span>
+              }
             </div>
           ))}
-          {unknown > 0 && (
-            <div style={{ fontFamily: 'JetBrains Mono, monospace', fontSize: 10, color: 'var(--muted)', marginTop: 6 }}>
-              {unknown} non-Docker Hub image{unknown > 1 ? 's' : ''} not checked
+
+          {(unverified.length > 0 || external.length > 0) && (
+            <div style={{ fontFamily: 'JetBrains Mono, monospace', fontSize: 10, color: 'var(--muted)', marginTop: 8, lineHeight: 1.6 }}>
+              {unverified.length > 0 && <div>{unverified.length} image{unverified.length > 1 ? 's' : ''} could not be verified</div>}
+              {external.length  > 0 && <div>{external.length} image{external.length > 1 ? 's' : ''} on unsupported registry</div>}
             </div>
           )}
         </div>