From 86dd49dc4a5151e14f572ddb37b7d18f1582d37f Mon Sep 17 00:00:00 2001
From: Piyush Vyas <pie.vyas@gmail.com>
Date: Thu, 2 Apr 2026 16:26:01 -0500
Subject: [PATCH] Restore README banner using a packaged relative asset

The GitHub raw-hosted image URL currently renders as a broken image in the
README view. This switches the banner back to a repo-relative asset and includes
that asset in the npm package files so both GitHub and the npm package page can
resolve it without depending on GitHub raw URL serving.

Constraint: Keep the fix narrowly scoped to the README banner path and package file whitelist
Rejected: Keep using a raw.githubusercontent.com URL | current raw URLs return 404 in practice for this repo and break the rendered README
Confidence: high
Scope-risk: narrow
Reversibility: clean
Directive: Keep README images on packaged relative paths or another verified stable host; do not assume raw GitHub URLs will render reliably
Tested: npm pack --dry-run --json includes assets/readme-banner.svg and README references the packaged relative asset
Not-tested: Live npm/GitHub renderer refresh after merge; behavior is inferred from the packaged relative path and current broken raw URL evidence
---
 README.md                |  2 +-
 assets/readme-banner.svg | 29 +++++++++++++++++++++++++++++
 package.json             |  1 +
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 assets/readme-banner.svg

diff --git a/README.md b/README.md
index 8f83f9f..cc3fa81 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/pyyush/dbar/main/.github/banners/05-replay-arrows.svg" alt="DBAR — Deterministic Browser Agent Runtime" width="800"/>
+  <img src="./assets/readme-banner.svg" alt="DBAR — Deterministic Browser Agent Runtime" width="800"/>
 </p>
 
 <p align="center">
diff --git a/assets/readme-banner.svg b/assets/readme-banner.svg
new file mode 100644
index 0000000..6e8befb
--- /dev/null
+++ b/assets/readme-banner.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="190" viewBox="0 0 800 190">
+  <rect width="800" height="190" fill="#0c0c0c" rx="6"/>
+  <text x="400" y="38" text-anchor="middle" font-family="'SF Mono','Fira Code','Consolas',monospace" font-size="36" font-weight="700" fill="#e5e5e5" letter-spacing="5">DBAR</text>
+  <text x="400" y="58" text-anchor="middle" font-family="-apple-system,'Segoe UI',Helvetica,Arial,sans-serif" font-size="11" fill="#737373" letter-spacing="2">Deterministic Browser Agent Runtime</text>
+  <rect x="115" y="80" width="90" height="65" rx="3" fill="none" stroke="#525252" stroke-width="1.2"/>
+  <circle cx="128" cy="90" r="2.5" fill="#ef4444" opacity="0.7"/>
+  <circle cx="136" cy="90" r="2.5" fill="#eab308" opacity="0.7"/>
+  <circle cx="144" cy="90" r="2.5" fill="#22c55e" opacity="0.7"/>
+  <rect x="119" y="97" width="82" height="44" rx="1" fill="#161616"/>
+  <text x="160" y="123" text-anchor="middle" font-family="'Courier New',monospace" font-size="9" fill="#737373">capture</text>
+  <line x1="215" y1="112" x2="280" y2="112" stroke="#525252" stroke-width="1"/>
+  <polygon points="277,108 285,112 277,116" fill="#525252"/>
+  <rect x="300" y="88" width="44" height="50" rx="22" fill="none" stroke="#a3a3a3" stroke-width="1.2"/>
+  <circle cx="322" cy="107" r="3" fill="#a3a3a3" opacity="0.6"/>
+  <line x1="322" y1="114" x2="322" y2="128" stroke="#a3a3a3" stroke-width="1" stroke-dasharray="2,2"/>
+  <line x1="354" y1="112" x2="420" y2="112" stroke="#525252" stroke-width="1"/>
+  <polygon points="417,108 425,112 417,116" fill="#525252"/>
+  <rect x="440" y="80" width="90" height="65" rx="3" fill="none" stroke="#525252" stroke-width="1.2"/>
+  <circle cx="453" cy="90" r="2.5" fill="#ef4444" opacity="0.7"/>
+  <circle cx="461" cy="90" r="2.5" fill="#eab308" opacity="0.7"/>
+  <circle cx="469" cy="90" r="2.5" fill="#22c55e" opacity="0.7"/>
+  <rect x="444" y="97" width="82" height="44" rx="1" fill="#161616"/>
+  <text x="485" y="123" text-anchor="middle" font-family="'Courier New',monospace" font-size="9" fill="#737373">replay</text>
+  <line x1="540" y1="112" x2="590" y2="112" stroke="#525252" stroke-width="1"/>
+  <polygon points="587,108 595,112 587,116" fill="#525252"/>
+  <circle cx="620" cy="112" r="16" fill="none" stroke="#525252" stroke-width="1.2"/>
+  <polyline points="611,112 616,118 630,106" fill="none" stroke="#a3a3a3" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
+  <text x="400" y="172" text-anchor="middle" font-family="-apple-system,'Segoe UI',Helvetica,Arial,sans-serif" font-size="11" fill="#525252">Same inputs. Same outputs. Every time.</text>
+</svg>
diff --git a/package.json b/package.json
index a7a017b..731e498 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "dbar": "./dist/cli.js"
   },
   "files": [
+    "assets",
     "dist",
     "README.md",
     "LICENSE"