feat: improve Tangled hosted banner with browse files link Replace vague "Code is hosted on Tangled" text with a clickable card that says "Browse files on Tangled" with the full URL and an external-link icon.
Author: Aaron Steven White
Commit
4cd850b40bfe3743055320dacde380d47e485ca3Parent: f37cbe4aea
Structural diff unavailable
These commits were pushed via plain git push, so no pre-parsed
schemas are available. Install git-remote-cospan and re-push via panproto:// to
see scope-level changes, breaking change detection, and semantic diffs.
brew install panproto/tap/git-remote-cospan1 file changed +19 -14
@@ -113,20 +113,25 @@
113113 {/if} 114114 115115 {#if isTangled} 116- <!-- Tangled repos: hosted externally --> 117- <div class="mb-6 rounded-lg border border-border bg-surface-1 p-6 text-center"> 118- <p class="text-sm text-text-secondary"> 119- Code is hosted on 120- <a 121- href="https://tangled.sh/{ownerLabel}/{data.repo.name}" 122- class="font-medium text-accent transition-colors hover:text-accent-hover" 123- target="_blank" 124- rel="noopener noreferrer" 125- > 126- Tangled 127- </a> 128- </p> 129- </div> 116+ {@const tangledUrl = `https://tangled.sh/${ownerLabel}/${data.repo.name}`} 117+ <!-- Tangled repos: browse files on Tangled --> 118+ <a 119+ href={tangledUrl} 120+ class="mb-6 flex items-center gap-3 rounded-lg border border-border bg-surface-1 px-4 py-3 transition-colors hover:border-accent group" 121+ target="_blank" 122+ rel="noopener noreferrer" 123+ > 124+ <svg class="h-5 w-5 shrink-0 text-text-muted group-hover:text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> 125+ <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z" /> 126+ </svg> 127+ <div class="min-w-0 flex-1"> 128+ <p class="text-sm font-medium text-text-primary group-hover:text-accent">Browse files on Tangled</p> 129+ <p class="text-xs text-text-muted truncate">{tangledUrl}</p> 130+ </div> 131+ <svg class="h-4 w-4 shrink-0 text-text-muted group-hover:text-accent" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> 132+ <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" /> 133+ </svg> 134+ </a> 130135 {:else} 131136 <!-- Browse Code button --> 132137 <div class="mb-6">