feat(#134): metadata tab shows source size, last-modified, cheap/expensive label, lineage links

EntryCacheView states whether the alias is cheap or expensive (with the why), shows raw source size + last-modified, and renders 'built from' (parents) and 'used by' (children) as clickable catalog links.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: paddymul

packages/app/src/pages/CatalogPage.tsx

@@ -414,10 +414,18 @@ function EntryCacheView({ project, hash }: { project: string; hash: string }) {
           {data.cache_formatted} reclaimable cache · {data.artifact_formatted} build artifact
           {data.diff_cache_bytes > 0 && <> · {data.diff_cache_formatted} shared diff cache</>}
         </span>
+        <span className="meta">
+          {data.source_tracked
+            ? `${data.source_formatted} raw source${data.sources.length > 1 ? ` (${data.sources.length} files)` : ""}`
+            : "raw source size not tracked (source-identity off)"}
+          {data.modified_at && <> · last modified {data.modified_at.slice(0, 19).replace("T", " ")}</>}
+        </span>
         <span className="meta cache-note">
+          <strong>{data.cache_worthy ? "Expensive" : "Cheap"} alias.</strong>{" "}
           {data.cache_worthy
-            ? "Expensive expression: its result is kept in the xorq snapshot cache and recomputed on a miss."
-            : "Cheap expression: no snapshot copy — the result is recomputed from the build on every read."}
+            ? "Its result is kept in the xorq snapshot cache and recomputed on a miss."
+            : "No snapshot copy — the result is recomputed from the build on every read."}
+          {data.cache_worthy_why && <span className="cache-why"> ({data.cache_worthy_why})</span>}
         </span>
       </div>
 
@@ -490,6 +498,37 @@ function EntryCacheView({ project, hash }: { project: string; hash: string }) {
           </table>
         </div>
       )}
+
+      {(data.parents.length > 0 || data.children.length > 0) && (
+        <div className="cache-lineage">
+          {data.parents.length > 0 && (
+            <div>
+              <h4>built from</h4>
+              <ul className="lineage-list">
+                {data.parents.map((p) => (
+                  <li key={p.hash}>
+                    <Link to={`/${project}/catalog/${p.hash}`}>{p.alias ?? p.ref ?? p.hash.slice(0, 12)}</Link>
+                    {p.alias && p.ref !== p.alias && <span className="meta"> (as {p.ref})</span>}
+                    <span className="meta"> · {p.follow ? "follows alias" : "pinned"}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+          {data.children.length > 0 && (
+            <div>
+              <h4>used by</h4>
+              <ul className="lineage-list">
+                {data.children.map((ch) => (
+                  <li key={ch.hash}>
+                    <Link to={`/${project}/catalog/${ch.hash}`}>{ch.alias ?? ch.hash.slice(0, 12)}</Link>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          )}
+        </div>
+      )}
     </div>
   );
 }

packages/app/src/styles.css

@@ -555,3 +555,8 @@ table.cache-table .muted { color: var(--muted); }
 .cache-diffs { margin-top: 18px; }
 .cache-diffs h4 { margin: 0 0 4px; }
 .cache-diffs p.meta { margin: 0 0 8px; max-width: 560px; }
+.cache-why { color: var(--muted); }
+.cache-lineage { margin-top: 18px; display: flex; gap: 36px; flex-wrap: wrap; }
+.cache-lineage h4 { margin: 0 0 4px; }
+.lineage-list { margin: 0; padding-left: 18px; }
+.lineage-list li { margin: 2px 0; }

packages/app/src/types.ts

@@ -171,10 +171,32 @@ export interface EntryDiffCache {
   formatted: string;
 }
 
+export interface EntrySource {
+  path: string;
+  bytes: number;
+  formatted: string;
+  exists: boolean;
+}
+
+export interface EntryParent {
+  hash: string;
+  ref: string;
+  follow: boolean;
+  alias: string | null;
+}
+
+export interface EntryChild {
+  hash: string;
+  alias: string | null;
+}
+
 export interface EntryCache {
   project: string;
   content_hash: string;
   cache_worthy: boolean;
+  cache_worthy_why: string | null;
+  created_at: string | null;
+  modified_at: string | null;
   components: EntryCacheComponent[];
   diff_caches: EntryDiffCache[];
   cache_bytes: number;
@@ -183,6 +205,12 @@ export interface EntryCache {
   artifact_formatted: string;
   diff_cache_bytes: number;
   diff_cache_formatted: string;
+  source_bytes: number;
+  source_formatted: string;
+  source_tracked: boolean;
+  sources: EntrySource[];
+  parents: EntryParent[];
+  children: EntryChild[];
   total_bytes: number;
   total_formatted: string;
 }