diff --git a/DisplayRepoInfo.os.js b/DisplayRepoInfo.os.js
new file mode 100644
index 0000000..0217b38
--- /dev/null
+++ b/DisplayRepoInfo.os.js
@@ -0,0 +1,216 @@
+// ==UserScript==
+// @name Display Repo Info and File Sizes for GitHub
+// @description Displays repository disk usage, age, and individual file sizes on GitHub.
+// @match https://github.com/*/*
+// ==/UserScript==
+
+const ROW_ID = 'openscript-repo-info-about';
+const SIZE_CLASS = 'openscript-file-size';
+const TABLE_SELECTOR = 'table[aria-labelledby="folders-and-files"]';
+
+const formatBytes = b => {
+ const u = ['B', 'KB', 'MB', 'GB'];
+ let i = 0;
+ for (; b >= 1024 && i < 3; i++) b /= 1024;
+ return `${i && b < 10 ? b.toFixed(1) : Math.round(b)} ${u[i]}`;
+};
+
+const formatAge = d => {
+ const days = Math.max(0, Math.floor((Date.now() - new Date(d)) / 864e5));
+ const y = Math.floor(days / 365.25);
+ const m = Math.floor((days % 365.25) / 30.44);
+ if (y) return `${y} year${y > 1 ? 's' : ''}${m ? `, ${m} month${m > 1 ? 's' : ''}` : ''}`;
+ if (m) return `${m} month${m > 1 ? 's' : ''}`;
+ return `${days || '< 1'} day${days === 1 ? '' : 's'}`;
+};
+
+const getRepoInfo = () => {
+ const [, owner, repo] = location.pathname.split('/');
+ return owner && repo && !/^(settings|orgs|organizations|notifications|search|features|pricing|explore|marketplace|topics|trending)$/i.test(owner)
+ ? { owner, repo } : null;
+};
+
+const getPat = () => {
+ const envObj = typeof OpenScript !== 'undefined' ? OpenScript.env : typeof env !== 'undefined' ? env : {};
+ const [, val] = Object.entries(envObj || {}).find(([k, v]) => /^(GH_PAT|GITHUB_PAT|GITHUB_TOKEN|PAT)$/i.test(k) && v) || [];
+ return val ? String(val).trim() : '';
+};
+
+const getHeaders = () => {
+ const pat = getPat();
+ return {
+ Accept: 'application/vnd.github+json',
+ 'X-GitHub-Api-Version': '2022-11-28',
+ ...(pat && { Authorization: `Bearer ${pat}` }),
+ };
+};
+
+const fetchRepoInfo = async ({ owner, repo }) => {
+ try {
+ const res = await fetch(`https://api.github.com/repos/${owner}/${repo}`, {
+ headers: getHeaders(),
+ });
+ if (res.status === 404)
+ return { err: 'private (missing GH_PAT)', tip: 'Set GH_PAT in OpenScript for private repository access' };
+ if (res.status === 401)
+ return { err: 'invalid GH_PAT', tip: 'GitHub rejected the configured token' };
+ if (!res.ok)
+ return { err: `API error (${res.status})`, tip: `GitHub API returned ${res.status}` };
+
+ const { size: kb = 0, created_at: created } = await res.json();
+ return {
+ size: {
+ text: kb ? formatBytes(kb * 1024) : '0 KB (calculating...)',
+ tip: kb ? `Total repository disk usage (including full git history): ${kb.toLocaleString()} KB`
+ : 'GitHub is still calculating disk usage for this repository',
+ },
+ age: created ? {
+ text: formatAge(created),
+ tip: `Created: ${new Date(created).toLocaleString(undefined, { dateStyle: 'full', timeStyle: 'long' })}`,
+ } : null,
+ };
+ } catch {
+ return { err: 'failed to load', tip: 'Network or fetch error' };
+ }
+};
+
+const getCodeView = () => {
+ try {
+ const app = document.querySelector('react-app[app-name="code-view"]');
+ const data = JSON.parse(app?.querySelector('script[type="application/json"]')?.textContent || '{}');
+ const route = data.payload?.codeViewRepoRoute || data.payload?.codeViewTreeRoute;
+ const info = getRepoInfo();
+ if (!info || !route?.tree?.items || !route.refInfo) return null;
+ const path = String(route.path || '').replace(/^\/+|\/+$/g, '');
+ const ref = route.refInfo.currentOid || route.refInfo.name;
+ return { ...info, path, ref, items: route.tree.items, key: `${info.owner}/${info.repo}:${ref}:${path}` };
+ } catch {
+ return null;
+ }
+};
+
+const findAboutHeading = () => [...document.querySelectorAll('h2')].find(h =>
+ /^\s*About\s*$/i.test(h.textContent) &&
+ h.closest('[data-component="SplitPageLayout.Pane"], .Layout-sidebar, .BorderGrid')
+);
+
+const updateAboutInfo = async () => {
+ const info = getRepoInfo();
+ if (!info) return;
+
+ const key = `${info.owner}/${info.repo}`;
+ const existing = document.getElementById(ROW_ID);
+ if (existing?.dataset.repo === key) return;
+ existing?.remove();
+ document.getElementById('openscript-repo-size-about')?.remove();
+ document.getElementById('openscript-repo-size')?.remove();
+
+ const heading = findAboutHeading();
+ if (!heading) return;
+
+ const container = document.createElement('div');
+ container.id = ROW_ID;
+ container.dataset.repo = key;
+ container.innerHTML = `
+
+
+
calculating... repo size
+
+
+
calculating... repo age
+