Add branding

Author: kylecarbs

build.ts

@@ -2,7 +2,7 @@ import { $ } from "bun";
 
 // Build the CLI binary
 const result = await Bun.build({
-  entrypoints: ["./bin/prdash.ts"],
+  entrypoints: ["./bin/pullpal.ts"],
   outdir: "./dist",
   target: "bun",
   minify: true,
@@ -18,10 +18,10 @@ if (!result.success) {
 }
 
 // Make the binary executable
-await $`chmod +x ./dist/prdash.js`;
+await $`chmod +x ./dist/pullpal.js`;
 
-// Rename to just 'prdash' for cleaner bin usage
-await $`mv ./dist/prdash.js ./dist/prdash`;
+// Rename to just 'pullpal' for cleaner bin usage
+await $`mv ./dist/pullpal.js ./dist/pullpal`;
 
-console.log("✅ Build complete: ./dist/prdash");
+console.log("✅ Build complete: ./dist/pullpal");
 

bun.lock

@@ -3,7 +3,7 @@
   "configVersion": 1,
   "workspaces": {
     "": {
-      "name": "prdash",
+      "name": "pullpal",
       "dependencies": {
         "@radix-ui/react-collapsible": "^1.1.12",
         "@radix-ui/react-context-menu": "^2.2.16",
@@ -25,6 +25,7 @@
       },
       "devDependencies": {
         "@hono/node-server": "^1.19.6",
+        "@octokit/core": "^7.0.6",
         "@types/bun": "latest",
         "@types/react": "^19",
         "@types/react-dom": "^19",
@@ -120,6 +121,22 @@
 
     "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.0.6", "", { "os": "win32", "cpu": "x64" }, "sha512-QGs18P4OKdK9y2F3Th42+KGnwsc2iaThOe6jxQgP62kslUU4W+g6AzI6bdIn/pslhSfxjAMU5SjakfT5Fyo/xA=="],
 
+    "@octokit/auth-token": ["@octokit/auth-token@6.0.0", "", {}, "sha512-P4YJBPdPSpWTQ1NU4XYdvHvXJJDxM6YwpS0FZHRgP7YFkdVxsWcpWGy/NVqlAA7PcPCnMacXlRm1y2PFZRWL/w=="],
+
+    "@octokit/core": ["@octokit/core@7.0.6", "", { "dependencies": { "@octokit/auth-token": "^6.0.0", "@octokit/graphql": "^9.0.3", "@octokit/request": "^10.0.6", "@octokit/request-error": "^7.0.2", "@octokit/types": "^16.0.0", "before-after-hook": "^4.0.0", "universal-user-agent": "^7.0.0" } }, "sha512-DhGl4xMVFGVIyMwswXeyzdL4uXD5OGILGX5N8Y+f6W7LhC1Ze2poSNrkF/fedpVDHEEZ+PHFW0vL14I+mm8K3Q=="],
+
+    "@octokit/endpoint": ["@octokit/endpoint@11.0.2", "", { "dependencies": { "@octokit/types": "^16.0.0", "universal-user-agent": "^7.0.2" } }, "sha512-4zCpzP1fWc7QlqunZ5bSEjxc6yLAlRTnDwKtgXfcI/FxxGoqedDG8V2+xJ60bV2kODqcGB+nATdtap/XYq2NZQ=="],
+
+    "@octokit/graphql": ["@octokit/graphql@9.0.3", "", { "dependencies": { "@octokit/request": "^10.0.6", "@octokit/types": "^16.0.0", "universal-user-agent": "^7.0.0" } }, "sha512-grAEuupr/C1rALFnXTv6ZQhFuL1D8G5y8CN04RgrO4FIPMrtm+mcZzFG7dcBm+nq+1ppNixu+Jd78aeJOYxlGA=="],
+
+    "@octokit/openapi-types": ["@octokit/openapi-types@27.0.0", "", {}, "sha512-whrdktVs1h6gtR+09+QsNk2+FO+49j6ga1c55YZudfEG+oKJVvJLQi3zkOm5JjiUXAagWK2tI2kTGKJ2Ys7MGA=="],
+
+    "@octokit/request": ["@octokit/request@10.0.7", "", { "dependencies": { "@octokit/endpoint": "^11.0.2", "@octokit/request-error": "^7.0.2", "@octokit/types": "^16.0.0", "fast-content-type-parse": "^3.0.0", "universal-user-agent": "^7.0.2" } }, "sha512-v93h0i1yu4idj8qFPZwjehoJx4j3Ntn+JhXsdJrG9pYaX6j/XRz2RmasMUHtNgQD39nrv/VwTWSqK0RNXR8upA=="],
+
+    "@octokit/request-error": ["@octokit/request-error@7.1.0", "", { "dependencies": { "@octokit/types": "^16.0.0" } }, "sha512-KMQIfq5sOPpkQYajXHwnhjCC0slzCNScLHs9JafXc4RAJI+9f+jNDlBNaIMTvazOPLgb4BnlhGJOTbnN0wIjPw=="],
+
+    "@octokit/types": ["@octokit/types@16.0.0", "", { "dependencies": { "@octokit/openapi-types": "^27.0.0" } }, "sha512-sKq+9r1Mm4efXW1FCk7hFSeJo4QKreL/tTbR0rz/qx/r1Oa2VV83LTA/H/MuCOX7uCIJmQVRKBcbmWoySjAnSg=="],
+
     "@oven/bun-darwin-aarch64": ["@oven/bun-darwin-aarch64@1.3.3", "", { "os": "darwin", "cpu": "arm64" }, "sha512-eJopQrUk0WR7jViYDC29+Rp50xGvs4GtWOXBeqCoFMzutkkO3CZvHehA4JqnjfWMTSS8toqvRhCSOpOz62Wf9w=="],
 
     "@oven/bun-darwin-x64": ["@oven/bun-darwin-x64@1.3.3", "", { "os": "darwin", "cpu": "x64" }, "sha512-xGDePueVFrNgkS+iN0QdEFeRrx2MQ5hQ9ipRFu7N73rgoSSJsFlOKKt2uGZzunczedViIfjYl0ii0K4E9aZ0Ow=="],
@@ -244,6 +261,8 @@
 
     "bail": ["bail@2.0.2", "", {}, "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="],
 
+    "before-after-hook": ["before-after-hook@4.0.0", "", {}, "sha512-q6tR3RPqIB1pMiTRMFcZwuG5T8vwp+vUvEG0vuI6B+Rikh5BfPp2fQ82c925FOs+b0lcFQ8CFrL+KbilfZFhOQ=="],
+
     "bun": ["bun@1.3.3", "", { "optionalDependencies": { "@oven/bun-darwin-aarch64": "1.3.3", "@oven/bun-darwin-x64": "1.3.3", "@oven/bun-darwin-x64-baseline": "1.3.3", "@oven/bun-linux-aarch64": "1.3.3", "@oven/bun-linux-aarch64-musl": "1.3.3", "@oven/bun-linux-x64": "1.3.3", "@oven/bun-linux-x64-baseline": "1.3.3", "@oven/bun-linux-x64-musl": "1.3.3", "@oven/bun-linux-x64-musl-baseline": "1.3.3", "@oven/bun-windows-x64": "1.3.3", "@oven/bun-windows-x64-baseline": "1.3.3" }, "os": [ "linux", "win32", "darwin", ], "cpu": [ "x64", "arm64", ], "bin": { "bun": "bin/bun.exe", "bunx": "bin/bunx.exe" } }, "sha512-2hJ4ocTZ634/Ptph4lysvO+LbbRZq8fzRvMwX0/CqaLBxrF2UB5D1LdMB8qGcdtCer4/VR9Bx5ORub0yn+yzmw=="],
 
     "bun-plugin-tailwind": ["bun-plugin-tailwind@0.1.2", "", { "peerDependencies": { "bun": ">=1.0.0" } }, "sha512-41jNC1tZRSK3s1o7pTNrLuQG8kL/0vR/JgiTmZAJ1eHwe0w5j6HFPKeqEk0WAD13jfrUC7+ULuewFBBCoADPpg=="],
@@ -308,6 +327,8 @@
 
     "extend": ["extend@3.0.2", "", {}, "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="],
 
+    "fast-content-type-parse": ["fast-content-type-parse@3.0.0", "", {}, "sha512-ZvLdcY8P+N8mGQJahJV5G4U88CSvT1rP8ApL6uETe88MBXrBHAkZlSEySdUlyztF7ccb+Znos3TFqaepHxdhBg=="],
+
     "geist": ["geist@1.5.1", "", { "peerDependencies": { "next": ">=13.2.0" } }, "sha512-mAHZxIsL2o3ZITFaBVFBnwyDOw+zNLYum6A6nIjpzCGIO8QtC3V76XF2RnZTyLx1wlDTmMDy8jg3Ib52MIjGvQ=="],
 
     "get-caller-file": ["get-caller-file@2.0.5", "", {}, "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="],
@@ -538,6 +559,8 @@
 
     "unist-util-visit-parents": ["unist-util-visit-parents@6.0.2", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ=="],
 
+    "universal-user-agent": ["universal-user-agent@7.0.3", "", {}, "sha512-TmnEAEAsBJVZM/AADELsK76llnwcf9vMKuPz8JflO1frO8Lchitr0fNaN9d+Ap0BjKtqWqd/J17qeDnXh8CL2A=="],
+
     "use-callback-ref": ["use-callback-ref@1.3.3", "", { "dependencies": { "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg=="],
 
     "use-sidecar": ["use-sidecar@1.1.3", "", { "dependencies": { "detect-node-es": "^1.1.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ=="],

package.json

@@ -1,10 +1,10 @@
 {
-  "name": "prdash",
+  "name": "pullpal",
   "version": "0.1.0",
   "description": "A fast, local PR review dashboard",
   "type": "module",
   "bin": {
-    "prdash": "./dist/prdash"
+    "pullpal": "./dist/pullpal"
   },
   "files": [
     "dist"
@@ -43,6 +43,7 @@
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.6",
+    "@octokit/core": "^7.0.6",
     "@types/bun": "latest",
     "@types/react": "^19",
     "@types/react-dom": "^19",

public/file.svg

@@ -41,4 +41,3 @@ if (isWatch) {
     }, 100);
   });
 }
-

public/globe.svg

@@ -1,10 +1,12 @@
 import { useState, useEffect } from "react";
 import { useNavigate } from "react-router-dom";
+import logoUrl from "../logo.svg";
 
 export function Home() {
   const navigate = useNavigate();
   const [prUrl, setPrUrl] = useState("");
   const [error, setError] = useState("");
+  const [isFocused, setIsFocused] = useState(false);
 
   useEffect(() => {
     // Check for hash URL and redirect
@@ -34,47 +36,84 @@ export function Home() {
   };
 
   return (
-    <div className="flex min-h-screen flex-col items-center justify-center p-8">
-      <main className="flex w-full max-w-xl flex-col items-center gap-8">
-        <div className="text-center">
-          <h1 className="text-4xl font-bold tracking-tight mb-2">PRDash</h1>
-          <p className="text-muted-foreground">
-            Fast GitHub PR review with syntax highlighting
-          </p>
+    <div className="flex min-h-screen flex-col items-center justify-center p-8 relative overflow-hidden">
+      {/* Background gradient effect */}
+      <div className="absolute inset-0 -z-10">
+        <div className="absolute top-1/4 left-1/2 -translate-x-1/2 w-[600px] h-[600px] bg-[#408AC3]/10 rounded-full blur-[120px]" />
+        <div className="absolute bottom-1/4 left-1/3 w-[400px] h-[400px] bg-[#9ED8F7]/5 rounded-full blur-[100px]" />
+      </div>
+      
+      <main className="flex w-full max-w-md flex-col items-center gap-10">
+        {/* Logo and branding */}
+        <div className="flex flex-col items-center gap-5">
+          <div className="relative group">
+            <div className="absolute inset-0 bg-[#408AC3]/20 rounded-3xl blur-xl group-hover:bg-[#408AC3]/30 transition-colors duration-500" />
+            <img 
+              src={logoUrl} 
+              alt="PullPal" 
+              className="relative w-24 h-24 drop-shadow-2xl transition-transform duration-300 group-hover:scale-105"
+            />
+          </div>
+          <div className="text-center space-y-2">
+            <h1 className="text-4xl font-bold tracking-tight bg-gradient-to-r from-white via-white to-[#9ED8F7] bg-clip-text text-transparent">
+              PullPal
+            </h1>
+            <p className="text-muted-foreground text-sm">
+              Lightning-fast GitHub PR reviews
+            </p>
+          </div>
         </div>
 
+        {/* Input form */}
         <form onSubmit={handleSubmit} className="w-full space-y-4">
           <div className="relative">
+            <div 
+              className={`absolute -inset-0.5 bg-gradient-to-r from-[#408AC3] to-[#9ED8F7] rounded-xl opacity-0 blur transition-opacity duration-300 ${
+                isFocused ? "opacity-50" : ""
+              }`} 
+            />
             <input
               type="text"
               value={prUrl}
               onChange={(e) => {
                 setPrUrl(e.target.value);
                 setError("");
               }}
-              placeholder="https://github.com/owner/repo/pull/123"
-              className="w-full h-12 px-4 rounded-lg border border-input bg-background text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring font-mono text-sm"
+              onFocus={() => setIsFocused(true)}
+              onBlur={() => setIsFocused(false)}
+              placeholder="Paste a GitHub PR URL..."
+              className="relative w-full h-12 px-4 rounded-xl border border-white/10 bg-black/50 backdrop-blur-sm text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:border-[#408AC3]/50 font-mono text-sm transition-colors"
               autoFocus
             />
           </div>
 
-          {error && <p className="text-sm text-destructive">{error}</p>}
+          {error && (
+            <p className="text-sm text-red-400 text-center animate-in fade-in slide-in-from-top-1 duration-200">
+              {error}
+            </p>
+          )}
 
           <button
             type="submit"
-            className="w-full h-12 rounded-lg bg-primary text-primary-foreground font-medium hover:bg-primary/90 transition-colors"
+            className="w-full h-12 rounded-xl bg-gradient-to-r from-[#408AC3] to-[#3a7db0] text-white font-medium hover:from-[#4a9ad3] hover:to-[#408AC3] transition-all duration-300 shadow-lg shadow-[#408AC3]/20 hover:shadow-[#408AC3]/30 hover:scale-[1.02] active:scale-[0.98]"
           >
             Review PR
           </button>
         </form>
 
-        <div className="text-sm text-muted-foreground text-center space-y-2">
-          <p>Or use the hash URL shortcut:</p>
-          <code className="block px-3 py-2 rounded bg-muted font-mono text-xs">
-            localhost:3000#https://github.com/owner/repo/pull/123
+        {/* Hash URL hint */}
+        <div className="text-center space-y-3 pt-4 border-t border-white/5 w-full">
+          <p className="text-xs text-muted-foreground/70">Quick access via hash URL</p>
+          <code className="block px-4 py-2.5 rounded-lg bg-white/5 border border-white/5 font-mono text-xs text-muted-foreground/80 select-all">
+            localhost:3000#github.com/owner/repo/pull/123
           </code>
         </div>
       </main>
+      
+      {/* Footer attribution */}
+      <footer className="absolute bottom-6 text-xs text-muted-foreground/40">
+        Fast. Local. Private.
+      </footer>
     </div>
   );
 }