diff --git a/nostr/commit-signatures.jsonl b/nostr/commit-signatures.jsonl
index 49cf3dd..66e1d7b 100644
--- a/nostr/commit-signatures.jsonl
+++ b/nostr/commit-signatures.jsonl
@@ -40,3 +40,4 @@
 {"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771668002,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","finish profile page"]],"content":"Signed commit: finish profile page","id":"8a5aed2f8ac370f781dca9db96ade991c18b7cc3b0d27149d9e2741e8276f16f","sig":"16e9a9242f7c22dab8e37fd9d618419b4d51d7c0156f52c1289e275d2528312f4006696473c6836b5a661425fe0412fe54127291fb9b0d14777f93c8228cffb0"}
 {"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771669826,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","user badge is a universal hyperlink to the profile page"]],"content":"Signed commit: user badge is a universal hyperlink to the profile page","id":"973a406714e586037d81cca323024ff5e2cc1fbaeda8846f6f2994c3829c4fe0","sig":"e7a58526a3786fc1b9ab1f957c87c13a42d3c2cc95effcf4ce4f4710e01ecc45fcff3ca542c5fa223961d7b99fe336a2851c133aebe3bfc1a591ffe1c34b221a"}
 {"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771680916,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","fix profile feeds"]],"content":"Signed commit: fix profile feeds","id":"33f33d76f6c79e68fdab72c8fdfc7e1f0ecc53a879a7f5aef02481f17384a06f","sig":"8f9056eab081d66edb693eb35a2e400368aa897746b97ca40a216604dc14ee877eb7f4f16dd2eeac257025b3adfe82e23734c7c106b6cec5e8a1ca661c872cc5"}
+{"kind":1640,"pubkey":"573634b648634cbad10f2451776089ea21090d9407f715e83c577b4611ae6edc","created_at":1771681068,"tags":[["author","Silberengel","silberengel7@protonmail.com"],["message","remove landing page search bar"]],"content":"Signed commit: remove landing page search bar","id":"71087b100ce14a1f2eb975be23450c62143ee11a8fd0429ec7440bfea1751741","sig":"695c704503ed1397f6871770ad55822a17a503bcfb71a0db7b3f2477cacb0e767b9f122075b0216f884e41e175c0ac9f9e3d743086a2aa34db4aa1207c900703"}
diff --git a/src/lib/components/NostrLinkRenderer.svelte b/src/lib/components/NostrLinkRenderer.svelte
new file mode 100644
index 0000000..955ce14
--- /dev/null
+++ b/src/lib/components/NostrLinkRenderer.svelte
@@ -0,0 +1,267 @@
+<script lang="ts">
+  import { onMount } from 'svelte';
+  import { NostrClient } from '$lib/services/nostr/nostr-client.js';
+  import { DEFAULT_NOSTR_RELAYS } from '$lib/config.js';
+  import { nip19 } from 'nostr-tools';
+  import type { NostrEvent } from '$lib/types/nostr.js';
+  import UserBadge from './UserBadge.svelte';
+
+  interface Props {
+    content: string;
+  }
+
+  let { content }: Props = $props();
+
+  const nostrClient = new NostrClient(DEFAULT_NOSTR_RELAYS);
+  let nostrLinkEvents = $state<Map<string, NostrEvent>>(new Map());
+  let nostrLinkProfiles = $state<Map<string, string>>(new Map()); // npub link -> pubkey hex
+
+  // Parse nostr: links from content
+  function parseNostrLinks(text: string): Array<{ type: 'nevent' | 'naddr' | 'note1' | 'npub' | 'profile'; value: string; start: number; end: number }> {
+    const links: Array<{ type: 'nevent' | 'naddr' | 'note1' | 'npub' | 'profile'; value: string; start: number; end: number }> = [];
+    const nostrLinkRegex = /nostr:(nevent1|naddr1|note1|npub1|profile1)[a-zA-Z0-9]+/g;
+    let match;
+    
+    while ((match = nostrLinkRegex.exec(text)) !== null) {
+      const fullMatch = match[0];
+      const prefix = match[1];
+      let type: 'nevent' | 'naddr' | 'note1' | 'npub' | 'profile';
+      
+      if (prefix === 'nevent1') type = 'nevent';
+      else if (prefix === 'naddr1') type = 'naddr';
+      else if (prefix === 'note1') type = 'note1';
+      else if (prefix === 'npub1') type = 'npub';
+      else if (prefix === 'profile1') type = 'profile';
+      else continue;
+      
+      links.push({
+        type,
+        value: fullMatch,
+        start: match.index,
+        end: match.index + fullMatch.length
+      });
+    }
+    
+    return links;
+  }
+
+  // Load events/profiles from nostr: links
+  async function loadNostrLinks(text: string) {
+    const links = parseNostrLinks(text);
+    if (links.length === 0) return;
+
+    const eventIds: string[] = [];
+    const aTags: string[] = [];
+    const npubs: string[] = [];
+
+    for (const link of links) {
+      try {
+        if (link.type === 'nevent' || link.type === 'note1') {
+          const decoded = nip19.decode(link.value.replace('nostr:', ''));
+          if (decoded.type === 'nevent') {
+            eventIds.push(decoded.data.id);
+          } else if (decoded.type === 'note') {
+            eventIds.push(decoded.data as string);
+          }
+        } else if (link.type === 'naddr') {
+          const decoded = nip19.decode(link.value.replace('nostr:', ''));
+          if (decoded.type === 'naddr') {
+            const aTag = `${decoded.data.kind}:${decoded.data.pubkey}:${decoded.data.identifier}`;
+            aTags.push(aTag);
+          }
+        } else if (link.type === 'npub' || link.type === 'profile') {
+          const decoded = nip19.decode(link.value.replace('nostr:', ''));
+          if (decoded.type === 'npub') {
+            npubs.push(link.value);
+            nostrLinkProfiles.set(link.value, decoded.data as string);
+          }
+        }
+      } catch {
+        // Invalid nostr link, skip
+      }
+    }
+
+    // Fetch events
+    if (eventIds.length > 0) {
+      try {
+        const events = await Promise.race([
+          nostrClient.fetchEvents([{ ids: eventIds, limit: eventIds.length }]),
+          new Promise<NostrEvent[]>((resolve) => setTimeout(() => resolve([]), 10000))
+        ]);
+        
+        for (const event of events) {
+          nostrLinkEvents.set(event.id, event);
+        }
+      } catch {
+        // Ignore fetch errors
+      }
+    }
+
+    // Fetch a-tag events
+    if (aTags.length > 0) {
+      for (const aTag of aTags) {
+        const parts = aTag.split(':');
+        if (parts.length === 3) {
+          try {
+            const kind = parseInt(parts[0]);
+            const pubkey = parts[1];
+            const dTag = parts[2];
+            const events = await Promise.race([
+              nostrClient.fetchEvents([{ kinds: [kind], authors: [pubkey], '#d': [dTag], limit: 1 }]),
+              new Promise<NostrEvent[]>((resolve) => setTimeout(() => resolve([]), 10000))
+            ]);
+            
+            if (events.length > 0) {
+              nostrLinkEvents.set(events[0].id, events[0]);
+            }
+          } catch {
+            // Ignore fetch errors
+          }
+        }
+      }
+    }
+  }
+
+  // Get event from nostr: link
+  function getEventFromNostrLink(link: string): NostrEvent | undefined {
+    try {
+      if (link.startsWith('nostr:nevent1') || link.startsWith('nostr:note1')) {
+        const decoded = nip19.decode(link.replace('nostr:', ''));
+        if (decoded.type === 'nevent') {
+          return nostrLinkEvents.get(decoded.data.id);
+        } else if (decoded.type === 'note') {
+          return nostrLinkEvents.get(decoded.data as string);
+        }
+      } else if (link.startsWith('nostr:naddr1')) {
+        const decoded = nip19.decode(link.replace('nostr:', ''));
+        if (decoded.type === 'naddr') {
+          return Array.from(nostrLinkEvents.values()).find(e => {
+            const dTag = e.tags.find(t => t[0] === 'd')?.[1];
+            return e.kind === decoded.data.kind && 
+                   e.pubkey === decoded.data.pubkey && 
+                   dTag === decoded.data.identifier;
+          });
+        }
+      }
+    } catch {
+      // Invalid link
+    }
+    return undefined;
+  }
+
+  // Get pubkey from nostr: npub/profile link
+  function getPubkeyFromNostrLink(link: string): string | undefined {
+    return nostrLinkProfiles.get(link);
+  }
+
+  // Process content with nostr links into parts for rendering
+  function processContent(): Array<{ type: 'text' | 'event' | 'profile' | 'placeholder'; value: string; event?: NostrEvent; pubkey?: string }> {
+    const links = parseNostrLinks(content);
+    if (links.length === 0) {
+      return [{ type: 'text', value: content }];
+    }
+
+    const parts: Array<{ type: 'text' | 'event' | 'profile' | 'placeholder'; value: string; event?: NostrEvent; pubkey?: string }> = [];
+    let lastIndex = 0;
+
+    for (const link of links) {
+      // Add text before link
+      if (link.start > lastIndex) {
+        const textPart = content.slice(lastIndex, link.start);
+        if (textPart) {
+          parts.push({ type: 'text', value: textPart });
+        }
+      }
+
+      // Add link
+      const event = getEventFromNostrLink(link.value);
+      const pubkey = getPubkeyFromNostrLink(link.value);
+      if (event) {
+        parts.push({ type: 'event', value: link.value, event });
+      } else if (pubkey) {
+        parts.push({ type: 'profile', value: link.value, pubkey });
+      } else {
+        parts.push({ type: 'placeholder', value: link.value });
+      }
+
+      lastIndex = link.end;
+    }
+
+    // Add remaining text
+    if (lastIndex < content.length) {
+      const textPart = content.slice(lastIndex);
+      if (textPart) {
+        parts.push({ type: 'text', value: textPart });
+      }
+    }
+
+    return parts;
+  }
+
+  const parts = $derived(processContent());
+
+  onMount(() => {
+    loadNostrLinks(content);
+  });
+
+  $effect(() => {
+    if (content) {
+      loadNostrLinks(content);
+    }
+  });
+</script>
+
+{#each parts as part}
+  {#if part.type === 'text'}
+    {part.value}
+  {:else if part.type === 'event' && part.event}
+    <div class="nostr-link-event">
+      <div class="nostr-link-event-header">
+        <UserBadge pubkey={part.event.pubkey} />
+        <span class="nostr-link-event-time">
+          {new Date(part.event.created_at * 1000).toLocaleString()}
+        </span>
+      </div>
+      <div class="nostr-link-event-content">
+        {part.event.content}
+      </div>
+    </div>
+  {:else if part.type === 'profile' && part.pubkey}
+    <UserBadge pubkey={part.pubkey} />
+  {:else if part.type === 'placeholder'}
+    <span class="nostr-link-placeholder">{part.value}</span>
+  {/if}
+{/each}
+
+<style>
+  .nostr-link-event {
+    margin: 0.5rem 0;
+    padding: 0.75rem;
+    background: var(--bg-secondary, #f5f5f5);
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+  }
+
+  .nostr-link-event-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .nostr-link-event-time {
+    font-size: 0.875rem;
+    color: var(--text-secondary, #666);
+  }
+
+  .nostr-link-event-content {
+    color: var(--text-primary, #1a1a1a);
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  .nostr-link-placeholder {
+    color: var(--text-secondary, #666);
+    font-style: italic;
+  }
+</style>
diff --git a/src/lib/components/RepoHeader.svelte b/src/lib/components/RepoHeader.svelte
new file mode 100644
index 0000000..1972f6e
--- /dev/null
+++ b/src/lib/components/RepoHeader.svelte
@@ -0,0 +1,312 @@
+<script lang="ts">
+  import UserBadge from './UserBadge.svelte';
+  import { nip19 } from 'nostr-tools';
+
+  interface Props {
+    repoName: string;
+    repoDescription?: string;
+    ownerNpub: string;
+    ownerPubkey: string;
+    isMaintainer: boolean;
+    isPrivate?: boolean;
+    cloneUrls?: string[];
+    onMenuToggle?: () => void;
+    showMenu?: boolean;
+  }
+
+  let { 
+    repoName, 
+    repoDescription, 
+    ownerNpub, 
+    ownerPubkey,
+    isMaintainer,
+    isPrivate = false,
+    cloneUrls = [],
+    onMenuToggle,
+    showMenu = false
+  }: Props = $props();
+
+  let showCloneMenu = $state(false);
+  let showMoreMenu = $state(false);
+</script>
+
+<header class="repo-header">
+  <div class="repo-header-top">
+    <div class="repo-title-section">
+      <h1 class="repo-name">{repoName}</h1>
+      {#if isPrivate}
+        <span class="repo-badge private">Private</span>
+      {/if}
+    </div>
+    <div class="repo-header-actions">
+      <button 
+        class="menu-button" 
+        onclick={() => onMenuToggle?.()}
+        aria-label="Menu"
+      >
+        <img src="/icons/menu.svg" alt="" class="icon" />
+      </button>
+    </div>
+  </div>
+  
+  {#if repoDescription}
+    <p class="repo-description">{repoDescription}</p>
+  {/if}
+
+  <div class="repo-meta">
+    <div class="repo-owner">
+      <span class="meta-label">Owner:</span>
+      <UserBadge pubkey={ownerPubkey} />
+    </div>
+    
+    {#if cloneUrls.length > 0}
+      <div class="repo-clone">
+        <button 
+          class="clone-button"
+          onclick={() => showCloneMenu = !showCloneMenu}
+          aria-expanded={showCloneMenu}
+        >
+          <img src="/icons/git-branch.svg" alt="" class="icon" />
+          Clone
+        </button>
+        {#if showCloneMenu}
+          <div class="clone-menu">
+            {#each cloneUrls as url}
+              <button 
+                class="clone-url-item"
+                onclick={() => {
+                  navigator.clipboard.writeText(url);
+                  showCloneMenu = false;
+                }}
+              >
+                {url}
+              </button>
+            {/each}
+          </div>
+        {/if}
+      </div>
+    {/if}
+
+    {#if showMenu}
+      <div class="repo-menu">
+        <button 
+          class="more-button"
+          onclick={() => showMoreMenu = !showMoreMenu}
+          aria-expanded={showMoreMenu}
+        >
+          <img src="/icons/more-vertical.svg" alt="" class="icon" />
+        </button>
+        {#if showMoreMenu}
+          <div class="more-menu">
+            {#if isMaintainer}
+              <button class="menu-item">Settings</button>
+              <button class="menu-item">Transfer</button>
+            {/if}
+            <button class="menu-item">Bookmark</button>
+          </div>
+        {/if}
+      </div>
+    {/if}
+  </div>
+</header>
+
+<style>
+  .repo-header {
+    padding: 0.75rem 1rem;
+    background: var(--card-bg, #ffffff);
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    position: sticky;
+    top: 0;
+    z-index: 100;
+  }
+
+  .repo-header-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 1rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .repo-title-section {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .repo-name {
+    margin: 0;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--text-primary, #1a1a1a);
+    word-break: break-word;
+  }
+
+  .repo-badge {
+    display: inline-block;
+    padding: 0.125rem 0.5rem;
+    margin-left: 0.5rem;
+    font-size: 0.75rem;
+    border-radius: 0.25rem;
+    font-weight: 500;
+  }
+
+  .repo-badge.private {
+    background: var(--error-bg, #fee);
+    color: var(--error-text, #c00);
+  }
+
+  .repo-header-actions {
+    display: flex;
+    gap: 0.5rem;
+    flex-shrink: 0;
+  }
+
+  .menu-button,
+  .clone-button,
+  .more-button {
+    padding: 0.5rem;
+    background: transparent;
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+    transition: all 0.2s ease;
+  }
+
+  .menu-button:hover,
+  .clone-button:hover,
+  .more-button:hover {
+    background: var(--bg-secondary, #f5f5f5);
+    border-color: var(--accent, #007bff);
+  }
+
+  .icon {
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+  }
+
+  .repo-description {
+    margin: 0.5rem 0;
+    font-size: 0.875rem;
+    color: var(--text-secondary, #666);
+    line-height: 1.5;
+  }
+
+  .repo-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    align-items: center;
+    margin-top: 0.75rem;
+    font-size: 0.875rem;
+  }
+
+  .repo-owner {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .meta-label {
+    color: var(--text-secondary, #666);
+  }
+
+  .repo-clone {
+    position: relative;
+  }
+
+  .clone-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    margin-top: 0.25rem;
+    background: var(--card-bg, #ffffff);
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    z-index: 10;
+    min-width: 200px;
+    max-width: 90vw;
+  }
+
+  .clone-url-item {
+    display: block;
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    cursor: pointer;
+    font-size: 0.75rem;
+    font-family: 'IBM Plex Mono', monospace;
+    color: var(--text-primary, #1a1a1a);
+    word-break: break-all;
+  }
+
+  .clone-url-item:last-child {
+    border-bottom: none;
+  }
+
+  .clone-url-item:hover {
+    background: var(--bg-secondary, #f5f5f5);
+  }
+
+  .repo-menu {
+    position: relative;
+    margin-left: auto;
+  }
+
+  .more-menu {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    margin-top: 0.25rem;
+    background: var(--card-bg, #ffffff);
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    z-index: 10;
+    min-width: 150px;
+  }
+
+  .menu-item {
+    display: block;
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    cursor: pointer;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+  }
+
+  .menu-item:last-child {
+    border-bottom: none;
+  }
+
+  .menu-item:hover {
+    background: var(--bg-secondary, #f5f5f5);
+  }
+
+  @media (min-width: 768px) {
+    .repo-header {
+      padding: 1rem 1.5rem;
+    }
+
+    .repo-name {
+      font-size: 1.5rem;
+    }
+
+    .repo-description {
+      font-size: 1rem;
+    }
+  }
+</style>
diff --git a/src/lib/components/RepoHeaderEnhanced.svelte b/src/lib/components/RepoHeaderEnhanced.svelte
new file mode 100644
index 0000000..a28526d
--- /dev/null
+++ b/src/lib/components/RepoHeaderEnhanced.svelte
@@ -0,0 +1,569 @@
+<script lang="ts">
+  import UserBadge from './UserBadge.svelte';
+  import { nip19 } from 'nostr-tools';
+
+  interface Props {
+    repoName: string;
+    repoDescription?: string;
+    ownerNpub: string;
+    ownerPubkey: string;
+    isMaintainer: boolean;
+    isPrivate?: boolean;
+    cloneUrls?: string[];
+    branches?: Array<string | { name: string }>;
+    currentBranch?: string | null;
+    defaultBranch?: string | null;
+    isRepoCloned?: boolean | null;
+    copyingCloneUrl?: boolean;
+    onBranchChange?: (branch: string) => void;
+    onCopyCloneUrl?: () => void;
+    onDeleteBranch?: (branch: string) => void;
+    onMenuToggle?: () => void;
+    showMenu?: boolean;
+    userPubkey?: string | null;
+    isBookmarked?: boolean;
+    loadingBookmark?: boolean;
+    onToggleBookmark?: () => void;
+    onFork?: () => void;
+    forking?: boolean;
+    onCloneToServer?: () => void;
+    cloning?: boolean;
+    checkingCloneStatus?: boolean;
+    onCreateIssue?: () => void;
+    onCreatePR?: () => void;
+    onCreatePatch?: () => void;
+    onCreateBranch?: () => void;
+    onSettings?: () => void;
+    onGenerateVerification?: () => void;
+    onDeleteAnnouncement?: () => void;
+    deletingAnnouncement?: boolean;
+    hasUnlimitedAccess?: boolean;
+    needsClone?: boolean;
+  }
+
+  let { 
+    repoName, 
+    repoDescription, 
+    ownerNpub, 
+    ownerPubkey,
+    isMaintainer,
+    isPrivate = false,
+    cloneUrls = [],
+    branches = [],
+    currentBranch = null,
+    defaultBranch = null,
+    isRepoCloned = null,
+    copyingCloneUrl = false,
+    onBranchChange,
+    onCopyCloneUrl,
+    onDeleteBranch,
+    onMenuToggle,
+    showMenu = false,
+    userPubkey = null,
+    isBookmarked = false,
+    loadingBookmark = false,
+    onToggleBookmark,
+    onFork,
+    forking = false,
+    onCloneToServer,
+    cloning = false,
+    checkingCloneStatus = false,
+    onCreateIssue,
+    onCreatePR,
+    onCreatePatch,
+    onCreateBranch,
+    onSettings,
+    onGenerateVerification,
+    onDeleteAnnouncement,
+    deletingAnnouncement = false,
+    hasUnlimitedAccess = false,
+    needsClone = false
+  }: Props = $props();
+
+  let showCloneMenu = $state(false);
+  let showMoreMenu = $state(false);
+  let showBranchMenu = $state(false);
+</script>
+
+<header class="repo-header">
+  <div class="repo-header-top">
+    <div class="repo-title-section">
+      <h1 class="repo-name">{repoName}</h1>
+      {#if isPrivate}
+        <span class="repo-badge private">Private</span>
+      {/if}
+      {#if userPubkey && onToggleBookmark}
+        <button
+          class="bookmark-button"
+          class:bookmarked={isBookmarked}
+          onclick={() => onToggleBookmark?.()}
+          disabled={loadingBookmark}
+          title={isBookmarked ? 'Remove bookmark' : 'Add bookmark'}
+          aria-label={isBookmarked ? 'Remove bookmark' : 'Add bookmark'}
+        >
+          <img src="/icons/star.svg" alt="" class="icon" />
+        </button>
+      {/if}
+    </div>
+    <div class="repo-header-actions">
+      {#if userPubkey}
+        <button 
+          class="menu-button" 
+          onclick={() => {
+            onMenuToggle?.();
+            showMoreMenu = !showMoreMenu;
+          }}
+          aria-label="Menu"
+        >
+          <img src="/icons/more-vertical.svg" alt="" class="icon" />
+        </button>
+      {/if}
+    </div>
+  </div>
+  
+  {#if repoDescription}
+    <p class="repo-description">{repoDescription}</p>
+  {/if}
+
+  <div class="repo-meta">
+    <div class="repo-owner">
+      <span class="meta-label">Owner:</span>
+      <UserBadge pubkey={ownerPubkey} />
+    </div>
+    
+    {#if cloneUrls.length > 0}
+      <div class="repo-clone">
+        <button 
+          class="clone-button"
+          onclick={() => showCloneMenu = !showCloneMenu}
+          aria-expanded={showCloneMenu}
+        >
+          <img src="/icons/git-branch.svg" alt="" class="icon" />
+          Clone
+        </button>
+        {#if showCloneMenu}
+          <div class="clone-menu">
+            {#each cloneUrls as url}
+              <button 
+                class="clone-url-item"
+                onclick={() => {
+                  navigator.clipboard.writeText(url);
+                  showCloneMenu = false;
+                }}
+              >
+                {url}
+              </button>
+            {/each}
+          </div>
+        {/if}
+      </div>
+    {/if}
+
+    {#if branches.length > 0 && currentBranch}
+      <div class="repo-branch">
+        <button 
+          class="branch-button"
+          onclick={() => showBranchMenu = !showBranchMenu}
+          aria-expanded={showBranchMenu}
+        >
+          <img src="/icons/git-branch.svg" alt="" class="icon" />
+          {currentBranch}
+        </button>
+        {#if showBranchMenu}
+          <div class="branch-menu">
+            {#each branches as branch}
+              {@const branchName = typeof branch === 'string' ? branch : branch.name}
+              <button 
+                class="branch-item"
+                class:active={branchName === currentBranch}
+                onclick={() => {
+                  onBranchChange?.(branchName);
+                  showBranchMenu = false;
+                }}
+              >
+                {branchName}
+                {#if branchName === defaultBranch}
+                  <span class="branch-badge">default</span>
+                {/if}
+              </button>
+            {/each}
+          </div>
+        {/if}
+        {#if isMaintainer && currentBranch && currentBranch !== defaultBranch && onDeleteBranch}
+          <button 
+            class="delete-branch-button"
+            onclick={() => currentBranch && onDeleteBranch(currentBranch)}
+            title="Delete branch"
+          >
+            ×
+          </button>
+        {/if}
+      </div>
+    {/if}
+
+    {#if isRepoCloned === true && onCopyCloneUrl}
+      <button 
+        class="copy-clone-button"
+        onclick={() => onCopyCloneUrl()}
+        disabled={copyingCloneUrl}
+        title="Copy clone URL"
+      >
+        <img src="/icons/copy.svg" alt="" class="icon" />
+        {copyingCloneUrl ? 'Copying...' : 'Copy Clone URL'}
+      </button>
+    {/if}
+  </div>
+
+  {#if showMoreMenu && userPubkey}
+    <div 
+      class="more-menu-overlay" 
+      onclick={() => showMoreMenu = false}
+      onkeydown={(e) => {
+        if (e.key === 'Escape') {
+          showMoreMenu = false;
+        }
+      }}
+      role="button"
+      tabindex="0"
+      aria-label="Close menu"
+    ></div>
+    <div class="more-menu">
+      {#if onFork}
+        <button class="menu-item" onclick={() => { onFork(); showMoreMenu = false; }} disabled={forking}>
+          {forking ? 'Forking...' : 'Fork'}
+        </button>
+      {/if}
+      {#if onCreateIssue}
+        <button class="menu-item" onclick={() => { onCreateIssue(); showMoreMenu = false; }}>
+          Create Issue
+        </button>
+      {/if}
+      {#if onCreatePR}
+        <button class="menu-item" onclick={() => { onCreatePR(); showMoreMenu = false; }}>
+          Create Pull Request
+        </button>
+      {/if}
+      {#if onCreatePatch}
+        <button class="menu-item" onclick={() => { onCreatePatch(); showMoreMenu = false; }}>
+          Create Patch
+        </button>
+      {/if}
+      {#if hasUnlimitedAccess && (isRepoCloned === false || isRepoCloned === null) && onCloneToServer}
+        <button 
+          class="menu-item" 
+          onclick={() => { onCloneToServer(); showMoreMenu = false; }} 
+          disabled={cloning || checkingCloneStatus}
+        >
+          {cloning ? 'Cloning...' : (checkingCloneStatus ? 'Checking...' : 'Clone to Server')}
+        </button>
+      {/if}
+      {#if isMaintainer && onSettings}
+        <button class="menu-item" onclick={() => { onSettings(); showMoreMenu = false; }}>
+          Settings
+        </button>
+      {/if}
+      {#if onGenerateVerification}
+        <button class="menu-item" onclick={() => { onGenerateVerification(); showMoreMenu = false; }}>
+          Generate Verification File
+        </button>
+      {/if}
+      {#if onDeleteAnnouncement}
+        <button 
+          class="menu-item menu-item-danger" 
+          onclick={() => { onDeleteAnnouncement(); showMoreMenu = false; }} 
+          disabled={deletingAnnouncement}
+        >
+          {deletingAnnouncement ? 'Deleting...' : 'Delete Announcement'}
+        </button>
+      {/if}
+      {#if isMaintainer && onCreateBranch}
+        <button 
+          class="menu-item" 
+          onclick={() => { onCreateBranch(); showMoreMenu = false; }} 
+          disabled={needsClone}
+        >
+          Create New Branch
+        </button>
+      {/if}
+    </div>
+  {/if}
+</header>
+
+<style>
+  .repo-header {
+    padding: 0.75rem 1rem;
+    background: var(--card-bg, #ffffff);
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    position: sticky;
+    top: 0;
+    z-index: 100;
+  }
+
+  .repo-header-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 1rem;
+    margin-bottom: 0.5rem;
+  }
+
+  .repo-title-section {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+  }
+
+  .repo-name {
+    margin: 0;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--text-primary, #1a1a1a);
+    word-break: break-word;
+  }
+
+  .repo-badge {
+    display: inline-block;
+    padding: 0.125rem 0.5rem;
+    font-size: 0.75rem;
+    border-radius: 0.25rem;
+    font-weight: 500;
+  }
+
+  .repo-badge.private {
+    background: var(--error-bg, #fee);
+    color: var(--error-text, #c00);
+  }
+
+  .bookmark-button {
+    padding: 0.25rem;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+  }
+
+  .bookmark-button.bookmarked img {
+    filter: brightness(0) saturate(100%) invert(67%) sepia(93%) saturate(1352%) hue-rotate(358deg) brightness(102%) contrast(106%);
+  }
+
+  .repo-header-actions {
+    display: flex;
+    gap: 0.5rem;
+    flex-shrink: 0;
+  }
+
+  .menu-button,
+  .clone-button,
+  .branch-button,
+  .copy-clone-button {
+    padding: 0.5rem;
+    background: transparent;
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+    transition: all 0.2s ease;
+  }
+
+  .menu-button:hover,
+  .clone-button:hover,
+  .branch-button:hover,
+  .copy-clone-button:hover {
+    background: var(--bg-secondary, #f5f5f5);
+    border-color: var(--accent, #007bff);
+  }
+
+  .icon {
+    width: 18px;
+    height: 18px;
+    flex-shrink: 0;
+  }
+
+  .repo-description {
+    margin: 0.5rem 0;
+    font-size: 0.875rem;
+    color: var(--text-secondary, #666);
+    line-height: 1.5;
+  }
+
+  .repo-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    align-items: center;
+    margin-top: 0.75rem;
+    font-size: 0.875rem;
+  }
+
+  .repo-owner {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .meta-label {
+    color: var(--text-secondary, #666);
+  }
+
+  .repo-clone,
+  .repo-branch {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .clone-menu,
+  .branch-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    margin-top: 0.25rem;
+    background: var(--card-bg, #ffffff);
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    z-index: 10;
+    min-width: 200px;
+    max-width: 90vw;
+    max-height: 300px;
+    overflow-y: auto;
+  }
+
+  .clone-url-item,
+  .branch-item {
+    display: block;
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    cursor: pointer;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+    word-break: break-all;
+  }
+
+  .branch-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    word-break: normal;
+  }
+
+  .branch-item.active {
+    background: var(--bg-secondary, #f5f5f5);
+    font-weight: 600;
+  }
+
+  .branch-badge {
+    font-size: 0.75rem;
+    padding: 0.125rem 0.375rem;
+    background: var(--bg-secondary, #f5f5f5);
+    border-radius: 0.25rem;
+    color: var(--text-secondary, #666);
+  }
+
+  .clone-url-item:last-child,
+  .branch-item:last-child {
+    border-bottom: none;
+  }
+
+  .clone-url-item:hover,
+  .branch-item:hover {
+    background: var(--bg-secondary, #f5f5f5);
+  }
+
+  .delete-branch-button {
+    padding: 0.25rem 0.5rem;
+    background: var(--error-text, #dc2626);
+    color: #ffffff;
+    border: none;
+    border-radius: 0.25rem;
+    cursor: pointer;
+    font-size: 0.875rem;
+  }
+
+  .delete-branch-button:hover {
+    background: var(--error-hover, #c82333);
+  }
+
+  .more-menu-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 99;
+  }
+
+  .more-menu {
+    position: absolute;
+    top: 100%;
+    right: 0;
+    margin-top: 0.25rem;
+    background: var(--card-bg, #ffffff);
+    border: 1px solid var(--border-color, #e0e0e0);
+    border-radius: 0.375rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    z-index: 100;
+    min-width: 200px;
+  }
+
+  .menu-item {
+    display: block;
+    width: 100%;
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    cursor: pointer;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+  }
+
+  .menu-item:last-child {
+    border-bottom: none;
+  }
+
+  .menu-item:hover:not(:disabled) {
+    background: var(--bg-secondary, #f5f5f5);
+  }
+
+  .menu-item:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
+  .menu-item-danger {
+    color: var(--error-text, #dc2626);
+  }
+
+  .menu-item-danger:hover:not(:disabled) {
+    background: var(--error-bg, #fee);
+  }
+
+  @media (min-width: 768px) {
+    .repo-header {
+      padding: 1rem 1.5rem;
+    }
+
+    .repo-name {
+      font-size: 1.5rem;
+    }
+
+    .repo-description {
+      font-size: 1rem;
+    }
+  }
+</style>
diff --git a/src/lib/components/RepoTabs.svelte b/src/lib/components/RepoTabs.svelte
new file mode 100644
index 0000000..87063c3
--- /dev/null
+++ b/src/lib/components/RepoTabs.svelte
@@ -0,0 +1,219 @@
+<script lang="ts">
+  interface Props {
+    activeTab: string;
+    tabs: Array<{ id: string; label: string; icon?: string; count?: number }>;
+    onTabChange: (tab: string) => void;
+  }
+
+  let { activeTab, tabs, onTabChange }: Props = $props();
+  let showMobileMenu = $state(false);
+</script>
+
+<nav class="repo-tabs">
+  <div class="tabs-container">
+    {#each tabs as tab}
+      <button
+        class="tab-button"
+        class:active={activeTab === tab.id}
+        onclick={() => {
+          onTabChange(tab.id);
+          showMobileMenu = false;
+        }}
+        aria-current={activeTab === tab.id ? 'page' : undefined}
+      >
+        {#if tab.icon}
+          <img src={tab.icon} alt="" class="tab-icon" />
+        {/if}
+        <span class="tab-label">{tab.label}</span>
+        {#if tab.count !== undefined}
+          <span class="tab-count">{tab.count}</span>
+        {/if}
+      </button>
+    {/each}
+  </div>
+  
+  <!-- Mobile menu button -->
+  <button 
+    class="mobile-menu-button"
+    onclick={() => showMobileMenu = !showMobileMenu}
+    aria-expanded={showMobileMenu}
+    aria-label="Tab menu"
+  >
+    <img src="/icons/menu.svg" alt="" class="icon" />
+    <span class="current-tab-label">
+      {tabs.find(t => t.id === activeTab)?.label || 'Menu'}
+    </span>
+  </button>
+
+  {#if showMobileMenu}
+    <div class="mobile-tabs-menu">
+      {#each tabs as tab}
+        <button
+          class="mobile-tab-item"
+          class:active={activeTab === tab.id}
+          onclick={() => {
+            onTabChange(tab.id);
+            showMobileMenu = false;
+          }}
+        >
+          {#if tab.icon}
+            <img src={tab.icon} alt="" class="tab-icon" />
+          {/if}
+          <span>{tab.label}</span>
+          {#if tab.count !== undefined}
+            <span class="tab-count">{tab.count}</span>
+          {/if}
+        </button>
+      {/each}
+    </div>
+  {/if}
+</nav>
+
+<style>
+  .repo-tabs {
+    position: relative;
+    background: var(--card-bg, #ffffff);
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .tabs-container {
+    display: none;
+    gap: 0;
+  }
+
+  .tab-button {
+    padding: 0.75rem 1rem;
+    background: transparent;
+    border: none;
+    border-bottom: 2px solid transparent;
+    cursor: pointer;
+    font-size: 0.875rem;
+    color: var(--text-secondary, #666);
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    white-space: nowrap;
+    transition: all 0.2s ease;
+    position: relative;
+  }
+
+  .tab-button:hover {
+    color: var(--text-primary, #1a1a1a);
+    background: var(--bg-secondary, #f5f5f5);
+  }
+
+  .tab-button.active {
+    color: var(--accent, #007bff);
+    border-bottom-color: var(--accent, #007bff);
+    font-weight: 600;
+  }
+
+  .tab-icon {
+    width: 16px;
+    height: 16px;
+    flex-shrink: 0;
+  }
+
+  .tab-label {
+    display: none;
+  }
+
+  .tab-count {
+    padding: 0.125rem 0.375rem;
+    background: var(--bg-secondary, #f5f5f5);
+    border-radius: 0.75rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    color: var(--text-secondary, #666);
+  }
+
+  .tab-button.active .tab-count {
+    background: var(--accent, #007bff);
+    color: var(--accent-text, #ffffff);
+  }
+
+  .mobile-menu-button {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    width: 100%;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    cursor: pointer;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+    font-weight: 500;
+  }
+
+  .mobile-menu-button .icon {
+    width: 18px;
+    height: 18px;
+  }
+
+  .current-tab-label {
+    flex: 1;
+    text-align: left;
+  }
+
+  .mobile-tabs-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    background: var(--card-bg, #ffffff);
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    z-index: 50;
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+
+  .mobile-tab-item {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.875rem 1rem;
+    width: 100%;
+    background: transparent;
+    border: none;
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
+    cursor: pointer;
+    font-size: 0.875rem;
+    color: var(--text-primary, #1a1a1a);
+    text-align: left;
+    transition: background 0.2s ease;
+  }
+
+  .mobile-tab-item:hover {
+    background: var(--bg-secondary, #f5f5f5);
+  }
+
+  .mobile-tab-item.active {
+    background: var(--bg-secondary, #f5f5f5);
+    color: var(--accent, #007bff);
+    font-weight: 600;
+  }
+
+  .mobile-tab-item .tab-count {
+    margin-left: auto;
+  }
+
+  @media (min-width: 768px) {
+    .tabs-container {
+      display: flex;
+    }
+
+    .mobile-menu-button,
+    .mobile-tabs-menu {
+      display: none;
+    }
+
+    .tab-label {
+      display: inline;
+    }
+  }
+</style>
diff --git a/src/routes/repos/[npub]/[repo]/+page.svelte b/src/routes/repos/[npub]/[repo]/+page.svelte
index 724d11f..9e27f56 100644
--- a/src/routes/repos/[npub]/[repo]/+page.svelte
+++ b/src/routes/repos/[npub]/[repo]/+page.svelte
@@ -6,6 +6,9 @@
   import PRDetail from '$lib/components/PRDetail.svelte';
   import UserBadge from '$lib/components/UserBadge.svelte';
   import EventCopyButton from '$lib/components/EventCopyButton.svelte';
+  import RepoHeaderEnhanced from '$lib/components/RepoHeaderEnhanced.svelte';
+  import RepoTabs from '$lib/components/RepoTabs.svelte';
+  import NostrLinkRenderer from '$lib/components/NostrLinkRenderer.svelte';
   import { getPublicKeyWithNIP07, isNIP07Available, signEventWithNIP07 } from '$lib/services/nostr/nip07-signer.js';
   import { NostrClient } from '$lib/services/nostr/nostr-client.js';
   import { DEFAULT_NOSTR_RELAYS, DEFAULT_NOSTR_SEARCH_RELAYS, combineRelays } from '$lib/config.js';
@@ -682,6 +685,9 @@
   let repoImage = $state<string | null>(null);
   let repoBanner = $state<string | null>(null);
 
+  // Repository owner pubkey (decoded from npub)
+  let repoOwnerPubkey = $state<string | null>(null);
+
   // Mobile view toggle for file list/file viewer
   let showFileListOnMobile = $state(true);
 
@@ -1754,17 +1760,17 @@
     try {
       const decoded = nip19.decode(npub);
       if (decoded.type === 'npub') {
-        const repoOwnerPubkey = decoded.data as string;
+        repoOwnerPubkey = decoded.data as string;
         repoAddress = `${KIND.REPO_ANNOUNCEMENT}:${repoOwnerPubkey}:${repo}`;
       }
     } catch (err) {
       console.warn('Failed to decode npub for bookmark address:', err);
     }
 
-    // Close menu when clicking outside
+    // Close menu when clicking outside (handled by RepoHeaderEnhanced component)
     function handleClickOutside(event: MouseEvent) {
       const target = event.target as HTMLElement;
-      if (showRepoMenu && !target.closest('.repo-menu-container')) {
+      if (showRepoMenu && !target.closest('.repo-header')) {
         showRepoMenu = false;
       }
     }
@@ -2833,6 +2839,15 @@
     }
   }
 
+  function handleBranchChangeDirect(branch: string) {
+    currentBranch = branch;
+    // Create a synthetic event for the existing handler
+    const syntheticEvent = {
+      target: { value: branch }
+    } as unknown as Event;
+    handleBranchChange(syntheticEvent);
+  }
+
   async function handleBranchChange(event: Event) {
     const target = event.target as HTMLSelectElement;
     currentBranch = target.value;
@@ -3590,205 +3605,110 @@
 </svelte:head>
 
 <div class="container">
-  <header>
-    {#if repoBanner}
-      <div class="repo-banner">
-        <img src={repoBanner} alt="" onerror={(e) => { 
-          console.error('[Repo Images] Failed to load banner:', repoBanner); 
-          const target = e.target as HTMLImageElement;
-          if (target) target.style.display = 'none';
-        }} />
-      </div>
-    {/if}
-    <div class="header-content">
-      <div class="header-main">
-        <div class="repo-title-section">
-          {#if repoImage}
-            <img src={repoImage} alt="" class="repo-image" onerror={(e) => { 
-              console.error('[Repo Images] Failed to load image:', repoImage); 
-              const target = e.target as HTMLImageElement;
-              if (target) target.style.display = 'none';
-            }} />
-          {/if}
-          <div class="repo-title-text">
-            <div class="repo-title-with-menu">
-              <h1>{pageData.repoName || repo}</h1>
-              {#if userPubkey && repoAddress}
-                <button
-                  class="bookmark-icon-button"
-                  class:bookmarked={isBookmarked}
-                  onclick={() => { toggleBookmark(); }}
-                  disabled={loadingBookmark}
-                  title={isBookmarked ? 'Remove bookmark' : 'Add bookmark'}
-                  aria-label={isBookmarked ? 'Remove bookmark' : 'Add bookmark'}
-                >
-                  <img src="/icons/star.svg" alt="" class="icon-inline" />
-                </button>
-              {/if}
-              {#if userPubkey}
-                <div class="repo-menu-container">
-                  <button 
-                    class="repo-menu-button"
-                    onclick={() => showRepoMenu = !showRepoMenu}
-                    title="Repository actions"
-                    aria-label="Repository actions"
-                  >
-                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                      <circle cx="8" cy="3" r="1.5" fill="currentColor"/>
-                      <circle cx="8" cy="8" r="1.5" fill="currentColor"/>
-                      <circle cx="8" cy="13" r="1.5" fill="currentColor"/>
-                    </svg>
-                  </button>
-                  {#if showRepoMenu}
-                    <div 
-                      class="repo-menu-dropdown" 
-                      role="menu"
-                      tabindex="-1"
-                      onclick={(e) => e.stopPropagation()}
-                      onkeydown={(e) => {
-                        if (e.key === 'Escape') {
-                          showRepoMenu = false;
-                        }
-                      }}
-                    >
-                      {#if userPubkey}
-                        <button onclick={() => { forkRepository(); showRepoMenu = false; }} disabled={forking} class="repo-menu-item">
-                          {forking ? 'Forking...' : 'Fork'}
-                        </button>
-                        <button onclick={() => { showCreateIssueDialog = true; showRepoMenu = false; }} class="repo-menu-item">
-                          Create Issue
-                        </button>
-                        <button onclick={() => { showCreatePRDialog = true; showRepoMenu = false; }} class="repo-menu-item">
-                          Create Pull Request
-                        </button>
-                        <button onclick={() => { showCreatePatchDialog = true; showRepoMenu = false; }} class="repo-menu-item">
-                          Create Patch
-                        </button>
-                        {#if hasUnlimitedAccess($userStore.userLevel) && (isRepoCloned === false || (isRepoCloned === null && !checkingCloneStatus))}
-                          <button 
-                            onclick={() => { cloneRepository(); showRepoMenu = false; }} 
-                            disabled={cloning || checkingCloneStatus} 
-                            class="repo-menu-item"
-                            title="Clone this repository to the server (privileged users only)"
-                          >
-                            {cloning ? 'Cloning...' : (checkingCloneStatus ? 'Checking...' : 'Clone to Server')}
-                          </button>
-                        {/if}
-                        {#if isMaintainer}
-                          <a href={`/signup?npub=${npub}&repo=${repo}`} class="repo-menu-item">Settings</a>
-                        {/if}
-                        {#if pageData.repoOwnerPubkey && userPubkeyHex === pageData.repoOwnerPubkey}
-                          {#if verificationStatus?.verified !== true}
-                            <button 
-                              onclick={() => { generateAnnouncementFileForRepo(); showRepoMenu = false; }} 
-                              class="repo-menu-item"
-                              title="Generate verification file"
-                            >
-                              Generate Verification File
-                            </button>
-                          {/if}
-                          <button 
-                            onclick={() => { deleteAnnouncement(); showRepoMenu = false; }} 
-                            disabled={deletingAnnouncement}
-                            class="repo-menu-item repo-menu-item-danger"
-                            title="Send deletion request for repository announcement (NIP-09)"
-                          >
-                            {deletingAnnouncement ? 'Deleting...' : 'Delete Announcement'}
-                          </button>
-                        {/if}
-                        {#if isMaintainer}
-                          <button 
-                            onclick={async () => {
-                              if (!userPubkey || !isMaintainer || needsClone) return;
-                              // Load default branch from settings
-                              try {
-                                const settings = await settingsStore.getSettings();
-                                defaultBranchName = settings.defaultBranch || 'master';
-                              } catch {
-                                defaultBranchName = 'master';
-                              }
-                              showCreateBranchDialog = true;
-                              showRepoMenu = false;
-                            }} 
-                            class="repo-menu-item"
-                            disabled={needsClone}
-                            title={needsClone ? cloneTooltip : 'Create a new branch'}
-                          >Create New Branch</button>
-                        {/if}
-                      {/if}
-                    </div>
-                  {/if}
-                </div>
-              {/if}
-            </div>
-            {#if pageData.repoDescription}
-              <p class="repo-description-header">{pageData.repoDescription}</p>
-            {:else}
-              <p class="repo-description-header repo-description-placeholder">No description</p>
-            {/if}
-          </div>
-        </div>
-      <div class="repo-meta-info">
-        {#if pageData.repoLanguage}
-          <span class="repo-language">
-            <img src="/icons/file-text.svg" alt="" class="icon-inline" />
-            {pageData.repoLanguage}
-          </span>
-        {/if}
-        {#if pageData.repoIsPrivate}
-          <span class="repo-privacy-badge private">Private</span>
-        {:else}
-          <span class="repo-privacy-badge public">Public</span>
-        {/if}
-        {#if pageData.repoTopics && pageData.repoTopics.length > 0}
-          <div class="repo-topics">
-            {#each pageData.repoTopics as topic}
-              <span class="topic-tag">{topic}</span>
+  <!-- Banner hidden on mobile, shown on desktop -->
+  {#if repoBanner}
+    <div class="repo-banner desktop-only">
+      <img src={repoBanner} alt="" onerror={(e) => { 
+        console.error('[Repo Images] Failed to load banner:', repoBanner); 
+        const target = e.target as HTMLImageElement;
+        if (target) target.style.display = 'none';
+      }} />
+    </div>
+  {/if}
+  
+  {#if repoOwnerPubkey}
+    <RepoHeaderEnhanced
+      repoName={pageData.repoName || repo}
+      repoDescription={pageData.repoDescription}
+      ownerNpub={npub}
+      ownerPubkey={repoOwnerPubkey}
+      isMaintainer={isMaintainer}
+      isPrivate={pageData.repoIsPrivate || false}
+      cloneUrls={pageData.repoCloneUrls || []}
+      branches={branches}
+      currentBranch={currentBranch}
+      defaultBranch={defaultBranch}
+      isRepoCloned={isRepoCloned}
+      copyingCloneUrl={copyingCloneUrl}
+      onBranchChange={handleBranchChangeDirect}
+      onCopyCloneUrl={copyCloneUrl}
+      onDeleteBranch={deleteBranch}
+      onMenuToggle={() => showRepoMenu = !showRepoMenu}
+      showMenu={showRepoMenu}
+      userPubkey={userPubkey}
+      isBookmarked={isBookmarked}
+      loadingBookmark={loadingBookmark}
+      onToggleBookmark={toggleBookmark}
+      onFork={forkRepository}
+      forking={forking}
+      onCloneToServer={cloneRepository}
+      cloning={cloning}
+      checkingCloneStatus={checkingCloneStatus}
+      onCreateIssue={() => showCreateIssueDialog = true}
+      onCreatePR={() => showCreatePRDialog = true}
+      onCreatePatch={() => showCreatePatchDialog = true}
+      onCreateBranch={async () => {
+        if (!userPubkey || !isMaintainer || needsClone) return;
+        try {
+          const settings = await settingsStore.getSettings();
+          defaultBranchName = settings.defaultBranch || 'master';
+        } catch {
+          defaultBranchName = 'master';
+        }
+        showCreateBranchDialog = true;
+      }}
+      onSettings={() => goto(`/signup?npub=${npub}&repo=${repo}`)}
+      onGenerateVerification={pageData.repoOwnerPubkey && userPubkeyHex === pageData.repoOwnerPubkey && verificationStatus?.verified !== true ? generateAnnouncementFileForRepo : undefined}
+      onDeleteAnnouncement={pageData.repoOwnerPubkey && userPubkeyHex === pageData.repoOwnerPubkey ? deleteAnnouncement : undefined}
+      deletingAnnouncement={deletingAnnouncement}
+      hasUnlimitedAccess={hasUnlimitedAccess($userStore.userLevel)}
+      needsClone={needsClone}
+    />
+  {/if}
+
+  <!-- Additional repo metadata (maintainers, website, clone URLs with verification) -->
+  {#if allMaintainers.length > 0 || pageData.repoOwnerPubkey}
+    <div class="repo-metadata-section">
+      <div class="repo-contributors">
+        <span class="contributors-label">Owners & Maintainers:</span>
+        <div class="contributors-list">
+          {#if allMaintainers.length > 0}
+            {#each allMaintainers as maintainer}
+              {@const maintainerNpub = nip19.npubEncode(maintainer.pubkey)}
+              <a 
+                href={`/users/${maintainerNpub}`} 
+                class="contributor-item"
+                class:contributor-owner={maintainer.isOwner}
+              >
+                <UserBadge pubkey={maintainer.pubkey} disableLink={true} />
+                {#if maintainer.isOwner}
+                  <span class="contributor-badge owner">Owner</span>
+                {:else}
+                  <span class="contributor-badge maintainer">Maintainer</span>
+                {/if}
+              </a>
             {/each}
-          </div>
-        {/if}
-        {#if forkInfo?.isFork && forkInfo.originalRepo}
-          <span class="fork-badge">Forked from <a href={`/repos/${forkInfo.originalRepo.npub}/${forkInfo.originalRepo.repo}`}>{forkInfo.originalRepo.repo}</a></span>
-        {/if}
-      </div>
-      {#if allMaintainers.length > 0 || pageData.repoOwnerPubkey}
-        <div class="repo-contributors">
-          <span class="contributors-label">Owners & Maintainers:</span>
-          <div class="contributors-list">
-            {#if allMaintainers.length > 0}
-              {#each allMaintainers as maintainer}
-                {@const maintainerNpub = nip19.npubEncode(maintainer.pubkey)}
-                <a 
-                  href={`/users/${maintainerNpub}`} 
-                  class="contributor-item"
-                  class:contributor-owner={maintainer.isOwner}
-                >
-                  <UserBadge pubkey={maintainer.pubkey} disableLink={true} />
-                  {#if maintainer.isOwner}
-                    <span class="contributor-badge owner">Owner</span>
-                  {:else}
-                    <span class="contributor-badge maintainer">Maintainer</span>
-                  {/if}
+          {:else if pageData.repoOwnerPubkey}
+            <a href={`/users/${npub}`} class="contributor-item contributor-owner">
+              <UserBadge pubkey={pageData.repoOwnerPubkey} disableLink={true} />
+              <span class="contributor-badge owner">Owner</span>
+            </a>
+            {#if pageData.repoMaintainers}
+              {#each pageData.repoMaintainers.filter(m => m !== pageData.repoOwnerPubkey) as maintainerPubkey}
+                <a href={`/users/${nip19.npubEncode(maintainerPubkey)}`} class="contributor-item">
+                  <UserBadge pubkey={maintainerPubkey} disableLink={true} />
+                  <span class="contributor-badge maintainer">Maintainer</span>
                 </a>
               {/each}
-            {:else if pageData.repoOwnerPubkey}
-              <!-- Fallback to pageData if maintainers not loaded yet -->
-              <a href={`/users/${npub}`} class="contributor-item contributor-owner">
-                <UserBadge pubkey={pageData.repoOwnerPubkey} disableLink={true} />
-                <span class="contributor-badge owner">Owner</span>
-              </a>
-              {#if pageData.repoMaintainers}
-                {#each pageData.repoMaintainers.filter(m => m !== pageData.repoOwnerPubkey) as maintainerPubkey}
-                  <a href={`/users/${nip19.npubEncode(maintainerPubkey)}`} class="contributor-item">
-                    <UserBadge pubkey={maintainerPubkey} disableLink={true} />
-                    <span class="contributor-badge maintainer">Maintainer</span>
-                  </a>
-                {/each}
-              {/if}
             {/if}
-          </div>
+          {/if}
         </div>
-      {/if}
+      </div>
+    </div>
+  {/if}
+
+  {#if pageData.repoWebsite || (pageData.repoCloneUrls && pageData.repoCloneUrls.length > 0) || pageData.repoLanguage || (pageData.repoTopics && pageData.repoTopics.length > 0) || forkInfo?.isFork}
+    <div class="repo-metadata-section">
       {#if pageData.repoWebsite}
         <div class="repo-website">
           <a href={pageData.repoWebsite} target="_blank" rel="noopener noreferrer">
@@ -3797,22 +3717,33 @@
           </a>
         </div>
       {/if}
+      {#if pageData.repoLanguage}
+        <span class="repo-language">
+          <img src="/icons/file-text.svg" alt="" class="icon-inline" />
+          {pageData.repoLanguage}
+        </span>
+      {/if}
+      {#if pageData.repoTopics && pageData.repoTopics.length > 0}
+        <div class="repo-topics">
+          {#each pageData.repoTopics as topic}
+            <span class="topic-tag">{topic}</span>
+          {/each}
+        </div>
+      {/if}
+      {#if forkInfo?.isFork && forkInfo.originalRepo}
+        <span class="fork-badge">Forked from <a href={`/repos/${forkInfo.originalRepo.npub}/${forkInfo.originalRepo.repo}`}>{forkInfo.originalRepo.repo}</a></span>
+      {/if}
       {#if pageData.repoCloneUrls && pageData.repoCloneUrls.length > 0}
         <div class="repo-clone-urls">
-          <span class="clone-label">Clone:</span>
+          <span class="clone-label">Clone URLs:</span>
           {#each pageData.repoCloneUrls.slice(0, 3) as cloneUrl}
             {@const cloneVerification = verificationStatus?.cloneVerifications?.find(cv => {
-              // Match URLs more flexibly (handle trailing slashes, http/https differences)
               const normalizeUrl = (url: string) => url.replace(/\/$/, '').toLowerCase().replace(/^https?:\/\//, '');
               const normalizedCv = normalizeUrl(cv.url);
               const normalizedClone = normalizeUrl(cloneUrl);
-              const matches = normalizedCv === normalizedClone || 
-                             normalizedCv.includes(normalizedClone) || 
-                             normalizedClone.includes(normalizedCv);
-              if (matches) {
-                console.log('[Verification] Matched clone URL:', cloneUrl, 'with verification:', cv);
-              }
-              return matches;
+              return normalizedCv === normalizedClone || 
+                     normalizedCv.includes(normalizedClone) || 
+                     normalizedClone.includes(normalizedCv);
             })}
             <div class="clone-url-wrapper">
               <code class="clone-url">{cloneUrl}</code>
@@ -3834,15 +3765,9 @@
                   {/if}
                 </span>
               {:else if verificationStatus}
-                {#if verificationStatus.cloneVerifications && verificationStatus.cloneVerifications.length > 0}
-                  <span class="verification-badge unverified" title="Verification status unknown for this clone">
-                    <img src="/icons/alert-triangle.svg" alt="Unknown" class="icon-inline" />
-                  </span>
-                {:else}
-                  <span class="verification-badge unverified" title="Verification not available for this clone">
-                    <img src="/icons/alert-triangle.svg" alt="Not verified" class="icon-inline" />
-                  </span>
-                {/if}
+                <span class="verification-badge unverified" title="Verification status unknown">
+                  <img src="/icons/alert-triangle.svg" alt="Unknown" class="icon-inline" />
+                </span>
               {:else}
                 <span class="verification-badge unverified" title="Verification not checked">
                   <img src="/icons/alert-triangle.svg" alt="Not checked" class="icon-inline" />
@@ -3855,58 +3780,8 @@
           {/if}
         </div>
       {/if}
-      </div>
-      <div class="header-actions">
-        <div style="display: flex; align-items: center; gap: 0.5rem;">
-          {#if isRepoCloned === true}
-            <button 
-              onclick={copyCloneUrl} 
-              disabled={copyingCloneUrl}
-              class="clone-url-button"
-              title="Copy clone URL to clipboard"
-              style="padding: 0.5rem 1rem; font-size: 0.875rem; background: var(--button-primary, #3b82f6); color: var(--accent-text, #ffffff); border: none; border-radius: 0.25rem; cursor: pointer; display: flex; align-items: center; gap: 0.5rem;"
-            >
-              {#if copyingCloneUrl}
-                <span>Copying...</span>
-              {:else}
-                <img src="/icons/copy.svg" alt="" class="icon-inline" style="width: 1rem; height: 1rem;" />
-                <span>Clone</span>
-              {/if}
-            </button>
-          {/if}
-          {#if branches.length === 0 && !loading}
-            <div class="branch-select branch-select-empty" title="No branches available">
-              No branches detected
-            </div>
-          {:else}
-            <select bind:value={currentBranch} onchange={handleBranchChange} class="branch-select" disabled={branches.length === 0 && loading}>
-              {#if branches.length === 0}
-                <!-- Show current branch even if branches haven't loaded yet -->
-                <option value={currentBranch}>{currentBranch}{loading ? ' (loading...)' : ''}</option>
-              {:else}
-                {#each branches as branch}
-                  {@const branchName = typeof branch === 'string' ? branch : (branch as { name: string }).name}
-                  <option value={branchName}>{branchName}</option>
-                {/each}
-              {/if}
-            </select>
-          {/if}
-          {#if isMaintainer && branches.length > 0 && currentBranch && branches.length > 1}
-            {@const canDelete = defaultBranch !== null && currentBranch !== defaultBranch}
-            {#if canDelete && currentBranch}
-              <button 
-                onclick={() => currentBranch && deleteBranch(currentBranch)} 
-                class="delete-branch-button"
-                disabled={saving}
-                title="Delete current branch"
-                style="padding: 0.25rem 0.5rem; font-size: 0.875rem; background: var(--error-text, #dc2626); color: #ffffff; border: none; border-radius: 0.25rem; cursor: pointer;"
-              >×</button>
-            {/if}
-          {/if}
-        </div>
-      </div>
     </div>
-  </header>
+  {/if}
 
   <main class="repo-view">
     {#if error}
@@ -3916,57 +3791,19 @@
     {/if}
 
     <!-- Tabs -->
-    <div class="tabs">
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'discussions'}
-        onclick={() => activeTab = 'discussions'}
-      >
-        Discussions
-      </button>
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'files'}
-        onclick={() => activeTab = 'files'}
-      >
-        Files
-      </button>
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'history'}
-        onclick={() => activeTab = 'history'}
-      >
-        History
-      </button>
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'tags'}
-        onclick={() => activeTab = 'tags'}
-      >
-        Tags
-      </button>
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'issues'}
-        onclick={() => activeTab = 'issues'}
-      >
-        Issues
-      </button>
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'prs'}
-        onclick={() => activeTab = 'prs'}
-      >
-        Pull Requests
-      </button>
-      <button 
-        class="tab-button" 
-        class:active={activeTab === 'docs'}
-        onclick={() => activeTab = 'docs'}
-      >
-        Docs
-      </button>
-    </div>
+    <RepoTabs
+      activeTab={activeTab}
+      tabs={[
+        { id: 'discussions', label: 'Discussions', icon: '/icons/message-circle.svg' },
+        { id: 'files', label: 'Files', icon: '/icons/file-text.svg' },
+        { id: 'history', label: 'History', icon: '/icons/git-commit.svg' },
+        { id: 'tags', label: 'Tags', icon: '/icons/tag.svg' },
+        { id: 'issues', label: 'Issues', icon: '/icons/alert-circle.svg', count: issues.length },
+        { id: 'prs', label: 'Pull Requests', icon: '/icons/git-pull-request.svg', count: prs.length },
+        { id: 'docs', label: 'Docs', icon: '/icons/book.svg' }
+      ]}
+      onTabChange={(tab) => activeTab = tab as typeof activeTab}
+    />
 
     <div class="repo-layout">
       <!-- File Tree Sidebar -->
@@ -5216,32 +5053,22 @@
     overflow: hidden;
   }
 
-  header {
-    display: flex;
-    flex-direction: column;
-    border-bottom: 1px solid var(--border-color);
-    background: var(--card-bg);
-  }
-  
-  .header-content {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-items: flex-start;
-    padding: 2rem 2rem 1.5rem 2rem;
-    gap: 2rem;
-    margin-top: 1rem;
-  }
-  
-  .header-main {
+  .repo-metadata-section {
+    padding: 0.75rem 1rem;
+    background: var(--card-bg, #ffffff);
+    border-bottom: 1px solid var(--border-color, #e0e0e0);
     display: flex;
-    flex-direction: column;
-    flex: 1;
+    flex-wrap: wrap;
     gap: 1rem;
-    min-width: 0;
-    position: relative;
+    align-items: center;
+    font-size: 0.875rem;
+  }
+
+  @media (min-width: 768px) {
+    .repo-metadata-section {
+      padding: 1rem 1.5rem;
+    }
   }
-  
 
 
   .repo-banner {
@@ -5251,6 +5078,21 @@
     background: var(--bg-secondary);
     margin-bottom: 0;
     position: relative;
+    display: none; /* Hidden on mobile by default */
+  }
+
+  .desktop-only {
+    display: none; /* Hidden on mobile */
+  }
+
+  @media (min-width: 768px) {
+    .desktop-only {
+      display: block; /* Show on desktop */
+    }
+    
+    .repo-banner {
+      display: block; /* Show on desktop */
+    }
   }
   
   .repo-banner::before {
@@ -5294,219 +5136,11 @@
     display: block;
   }
 
-  .repo-title-section {
-    display: flex;
-    align-items: flex-start;
-    gap: 1rem;
-    margin-bottom: 0.5rem;
-    width: 100%;
-  }
-
-  .repo-title-text {
-    flex: 1;
-    min-width: 0; /* Allow text to shrink */
-  }
-
-  .repo-title-with-menu {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-  }
-
-  .bookmark-icon-button {
-    padding: 0.375rem;
-    background: var(--card-bg);
-    border: 2px solid var(--border-color);
-    border-radius: 0.375rem;
-    cursor: pointer;
-    color: var(--text-primary);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    width: 2rem;
-    height: 2rem;
-    flex-shrink: 0;
-  }
-
-  .bookmark-icon-button:hover:not(:disabled) {
-    background: var(--bg-secondary);
-    border-color: var(--accent);
-    color: var(--accent);
-  }
-
-  .bookmark-icon-button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    border-color: var(--border-light);
-  }
-
-  .bookmark-icon-button.bookmarked {
-    background: var(--accent);
-    border-color: var(--accent);
-    color: var(--accent-text, #ffffff);
-  }
-
-  .bookmark-icon-button.bookmarked:hover:not(:disabled) {
-    background: var(--accent-hover);
-    border-color: var(--accent-hover);
-    opacity: 1;
-  }
-
-  .bookmark-icon-button .icon-inline {
-    width: 1rem;
-    height: 1rem;
-    filter: brightness(0) saturate(100%) invert(1) !important; /* Default white for dark themes */
-    opacity: 1 !important;
-  }
-
-  /* Light theme: black icon */
-  :global([data-theme="light"]) .bookmark-icon-button .icon-inline {
-    filter: brightness(0) saturate(100%) !important; /* Black in light theme */
-    opacity: 1 !important;
-  }
-
-  /* Dark themes: white icon */
-  :global([data-theme="dark"]) .bookmark-icon-button .icon-inline,
-  :global([data-theme="black"]) .bookmark-icon-button .icon-inline {
-    filter: brightness(0) saturate(100%) invert(1) !important; /* White in dark themes */
-    opacity: 1 !important;
-  }
-
-  /* Hover: white for visibility */
-  .bookmark-icon-button:hover:not(:disabled) .icon-inline {
-    filter: brightness(0) saturate(100%) invert(1) !important;
-    opacity: 1 !important;
-  }
-
-  /* Light theme hover: keep black */
-  :global([data-theme="light"]) .bookmark-icon-button:hover:not(:disabled) .icon-inline {
-    filter: brightness(0) saturate(100%) !important;
-    opacity: 1 !important;
-  }
-
-  /* Bookmarked state: icon should be white (on accent background) */
-  .bookmark-icon-button.bookmarked .icon-inline {
-    filter: brightness(0) saturate(100%) invert(1) !important; /* White on accent background */
-    opacity: 1 !important;
-  }
-
-  .repo-title-text h1 {
-    margin: 0;
-    word-wrap: break-word;
-    color: var(--text-primary);
-    font-weight: 600;
-  }
-
-  .repo-menu-container {
-    position: relative;
-  }
-
-  .repo-menu-button {
-    padding: 0.375rem;
-    background: var(--card-bg);
-    border: 2px solid var(--border-color);
-    border-radius: 0.375rem;
-    cursor: pointer;
-    color: var(--text-primary);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.2s ease;
-    width: 2rem;
-    height: 2rem;
-  }
-
-  .repo-menu-button:hover {
-    background: var(--bg-secondary);
-    border-color: var(--accent);
-    color: var(--accent);
-  }
-
-  .repo-menu-button svg {
-    width: 16px;
-    height: 16px;
-  }
-
-  .repo-menu-dropdown {
-    position: absolute;
-    top: calc(100% + 0.5rem);
-    right: 0;
-    background: var(--card-bg);
-    border: 1px solid var(--border-color);
-    border-radius: 0.5rem;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    min-width: 240px;
-    white-space: nowrap;
-    z-index: 1000;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  .repo-menu-item {
-    padding: 0.75rem 1rem;
-    background: transparent;
-    border: none;
-    border-bottom: 1px solid var(--border-color);
-    text-align: left;
-    cursor: pointer;
-    color: var(--text-primary);
-    font-size: 0.875rem;
-    font-family: 'IBM Plex Serif', serif;
-    transition: background 0.2s ease;
-    text-decoration: none;
-    display: block;
-    width: 100%;
-    white-space: nowrap;
-  }
-
-  .repo-menu-item:last-child {
-    border-bottom: none;
-  }
-
-  .repo-menu-item:hover:not(:disabled) {
-    background: var(--bg-secondary);
-  }
-
-  .repo-menu-item:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-
-  .repo-menu-item-danger {
-    color: var(--error-text, #dc2626);
-  }
-
-  .repo-menu-item-danger:hover:not(:disabled) {
-    background: var(--error-bg, rgba(220, 38, 38, 0.1));
-  }
+  
 
-  .repo-image {
-    width: 80px;
-    height: 80px;
-    border-radius: 50%;
-    object-fit: cover;
-    flex-shrink: 0;
-    display: block;
-    background: var(--bg-secondary);
-    border: 3px solid var(--card-bg);
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  }
   
   /* Position repo image over banner if banner exists */
-  header:has(.repo-banner) .header-content {
-    margin-top: -30px; /* Overlap banner slightly */
-    position: relative;
-    z-index: 2;
-    padding-left: 2.5rem; /* Extra padding on left to create space from banner edge */
-  }
-  
-  header:has(.repo-banner) .repo-image {
-    border-color: var(--card-bg);
-    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
-  }
-  
+
   /* Responsive design for smaller screens */
   .mobile-toggle-button {
     display: none; /* Hidden by default on desktop */
@@ -5534,30 +5168,9 @@
   }
 
   @media (max-width: 768px) {
-    .header-content {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 1rem;
-    }
-    
-    .header-actions {
-      width: 100%;
-      justify-content: flex-start;
-      flex-wrap: wrap;
-    }
-    
     .repo-banner {
       height: 150px;
     }
-    
-    header:has(.repo-banner) .header-content {
-      margin-top: -30px;
-    }
-
-    .repo-image {
-      width: 60px;
-      height: 60px;
-    }
 
     /* Mobile toggle button visible on narrow screens */
     .mobile-toggle-button {
@@ -5595,14 +5208,6 @@
       min-height: 0;
     }
     
-    .repo-image {
-      width: 64px;
-      height: 64px;
-    }
-    
-    .repo-title-text h1 {
-      font-size: 1.5rem;
-    }
 
     /* Editor header wraps on mobile */
     .editor-header {
@@ -5666,32 +5271,6 @@
       padding: 0.75rem;
     }
 
-    /* Tab buttons responsive */
-    .tabs {
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch;
-      scrollbar-width: none;
-      -ms-overflow-style: none;
-    }
-
-    .tabs::-webkit-scrollbar {
-      display: none;
-    }
-
-    .tab-button {
-      font-size: 0.85rem;
-      padding: 0.5rem 0.75rem;
-      white-space: nowrap;
-      flex-shrink: 0;
-    }
-
-    /* Repo menu dropdown responsive */
-    .repo-menu-dropdown {
-      right: 0;
-      left: auto;
-      min-width: 200px;
-      max-width: calc(100vw - 2rem);
-    }
 
     /* Issue and PR lists responsive */
     .issue-item, .pr-item {
@@ -5772,48 +5351,6 @@
       line-height: 1.3;
     }
 
-    /* Make tabs more readable and responsive on mobile */
-    .tabs {
-      padding: 0.5rem 0.75rem;
-      gap: 0.5rem;
-      -webkit-overflow-scrolling: touch;
-      scroll-behavior: smooth;
-      scroll-padding: 0.5rem;
-    }
-
-    .tab-button {
-      padding: 0.5rem 0.875rem;
-      font-size: 0.875rem;
-      font-weight: 500;
-      min-height: 2.5rem;
-      border-bottom-width: 3px;
-      touch-action: manipulation; /* Better touch response */
-    }
-
-    .tab-button.active {
-      font-weight: 600;
-      border-bottom-width: 3px;
-    }
-
-    /* Better visual feedback for touch */
-    .tab-button:active {
-      transform: scale(0.98);
-      transition: transform 0.1s ease;
-    }
-  }
-
-  /* Extra small screens - make tabs even more readable */
-  @media (max-width: 480px) {
-    .tabs {
-      padding: 0.5rem;
-      gap: 0.375rem;
-    }
-
-    .tab-button {
-      padding: 0.625rem 0.75rem;
-      font-size: 0.875rem;
-      min-height: 2.75rem;
-    }
   }
 
   /* Desktop: always show both file tree and editor */
@@ -5831,31 +5368,11 @@
     }
   }
 
-  .repo-image[src=""],
-  .repo-image:not([src]) {
-    display: none;
-  }
-
   .repo-banner img[src=""],
   .repo-banner img:not([src]) {
     display: none;
   }
 
-  .repo-description-header {
-    margin: 0.25rem 0 0 0;
-    color: var(--text-secondary);
-    font-size: 0.9rem;
-    line-height: 1.4;
-    max-width: 100%;
-    word-wrap: break-word;
-  }
-
-  .repo-description-placeholder {
-    color: var(--text-secondary);
-    font-style: italic;
-    opacity: 0.8;
-  }
-
   .fork-badge {
     padding: 0.25rem 0.5rem;
     background: var(--accent);
@@ -5878,13 +5395,6 @@
     opacity: 1;
   }
 
-  .repo-meta-info {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.75rem;
-    margin-top: 0.5rem;
-  }
 
   .repo-language {
     display: inline-flex;
@@ -5899,27 +5409,6 @@
     opacity: 0.9;
   }
 
-  .repo-privacy-badge {
-    padding: 0.125rem 0.5rem;
-    border-radius: 0.25rem;
-    font-size: 0.75rem;
-    font-weight: 600;
-    text-transform: uppercase;
-    border: 1px solid transparent;
-  }
-
-  .repo-privacy-badge.private {
-    background: var(--error-bg);
-    color: var(--error-text);
-    border-color: var(--error-text);
-  }
-
-  .repo-privacy-badge.public {
-    background: var(--success-bg);
-    color: var(--success-text);
-    border-color: var(--success-text);
-  }
-
   .repo-topics {
     display: flex;
     flex-wrap: wrap;
@@ -6073,40 +5562,6 @@
   }
 
 
-  header h1 {
-    margin: 0;
-    font-size: 1.5rem;
-    color: var(--text-primary);
-  }
-  .header-actions {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 0.75rem;
-    flex-shrink: 0;
-    flex-wrap: wrap;
-  }
-
-  .branch-select {
-    padding: 0.5rem;
-    border: 1px solid var(--input-border);
-    border-radius: 0.25rem;
-    background: var(--input-bg);
-    color: var(--text-primary);
-    font-family: 'IBM Plex Serif', serif;
-  }
-
-  .branch-select-empty {
-    padding: 0.5rem;
-    border: 1px solid var(--input-border);
-    border-radius: 0.25rem;
-    background: var(--input-bg);
-    color: var(--text-muted);
-    font-family: 'IBM Plex Serif', serif;
-    opacity: 0.7;
-    cursor: not-allowed;
-    user-select: none;
-  }
 
 
   .repo-view {
@@ -6502,65 +5957,6 @@
     background: var(--button-primary-hover);
   }
 
-  /* Tabs */
-  .tabs {
-    display: flex;
-    gap: 0.25rem;
-    padding: 0.5rem 1rem;
-    border-bottom: 1px solid var(--border-color);
-    background: var(--card-bg);
-    overflow-x: auto;
-    overflow-y: hidden;
-    scrollbar-width: thin;
-    -webkit-overflow-scrolling: touch;
-    scroll-behavior: smooth;
-    position: relative;
-  }
-
-  .tabs::-webkit-scrollbar {
-    height: 6px;
-  }
-
-  .tabs::-webkit-scrollbar-track {
-    background: var(--bg-secondary);
-  }
-
-  .tabs::-webkit-scrollbar-thumb {
-    background: var(--border-color);
-    border-radius: 3px;
-  }
-
-  .tabs::-webkit-scrollbar-thumb:hover {
-    background: var(--accent);
-  }
-
-  .tab-button {
-    padding: 0.5rem 0.875rem;
-    background: none;
-    border: none;
-    border-bottom: 2px solid transparent;
-    cursor: pointer;
-    font-size: 0.875rem;
-    color: var(--text-secondary);
-    font-family: 'IBM Plex Serif', serif;
-    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
-    white-space: nowrap;
-    flex-shrink: 0;
-    font-weight: 500;
-    border-radius: 0.25rem 0.25rem 0 0;
-  }
-
-  .tab-button:hover {
-    color: var(--text-primary);
-    background: var(--bg-secondary);
-  }
-
-  .tab-button.active {
-    color: var(--accent);
-    border-bottom-color: var(--accent);
-    font-weight: 600;
-    background: var(--bg-secondary);
-  }
 
   /* File tree actions */
   .file-tree-actions {