tenseleyflow/shithub / 373ed2f

+| `GET /{username}?tab=repositories` | profile.serveRepositoriesTab | Visibility-filtered user-owned repositories. |

+| `GET /{username}?tab=stars` | profile.serveStarsTab | Visibility-filtered starred repositories with search, type, language, and sort controls. |

+| `POST /{username}/pins` | profile.pinsUpdate | Auth required. Profile owner saves up to six public affiliated repositories. |

+The "Contribution activity" timeline below the graph reuses the same

+visibility gates:

+

+- Commit rows are grouped by month and repository, with private repository

+  names collapsed to "Private repositories".

+- Public user-owned repositories created during the selected contribution

+  window are shown as "Created repositories" entries.

+- Issues and pull requests authored by the profile user are loaded through

+  the issues sqlc package and then post-filtered with `policy.IsVisibleTo`

+  before rendering. PR rows distinguish open, closed, and merged counts.

+- The first month is shown initially; the "Show more activity" button expands

+  older months in place without another request.

+

+## Stars tab

+

+`/{username}?tab=stars` uses the same profile shell as the GitHub stars page:

+

+- The left profile sidebar matches the overview profile metadata and

+  organization badges.

+- The placeholder Lists panel is rendered so the page layout matches GitHub

+  while list management remains future work.

+- Starred repositories are loaded in one bounded scan (`starsTabScanLimit`) and

+  then visibility-filtered with `policy.IsVisibleTo`.

+- Both user-owned and organization-owned repository stars render from the

+  stored owner slug, so org-owned stars do not require an extra owner lookup.

+- Filters are applied server-side for search text, repository type, language,

+  and sort order (`recently-starred`, `recently-active`, `stars`).

+

+.shithub-profile-activity-timeline {

+  display: grid;

+  gap: 1.5rem;

+}

+.shithub-profile-activity-list {

+  display: grid;

+  gap: 1.25rem;

+  min-width: 0;

+}

+  align-items: flex-start;

+.shithub-profile-activity-body {

+  min-width: 0;

+  padding-top: 0.35rem;

+}

+.shithub-profile-activity-body strong {

+  display: block;

+  font-weight: 600;

+}

+.shithub-profile-activity-repos {

+  list-style: none;

+  margin: 0.5rem 0 0;

+  padding: 0;

+  display: grid;

+  gap: 0.2rem;

+  color: var(--fg-muted);

+  font-size: 0.875rem;

+}

+.shithub-profile-activity-repos li {

+  display: flex;

+  flex-wrap: wrap;

+  align-items: center;

+  gap: 0.45rem;

+  min-width: 0;

+}

+.shithub-profile-activity-repos a {

+  color: var(--fg-muted);

+  text-decoration: none;

+}

+.shithub-profile-activity-repos a:hover {

+  color: var(--accent-fg);

+  text-decoration: underline;

+}

+.shithub-profile-activity-lang {

+  display: inline-flex;

+  align-items: center;

+  gap: 0.25rem;

+}

+.shithub-profile-activity-state {

+  display: inline-flex;

+  align-items: center;

+  gap: 0.25rem;

+}

+.shithub-profile-activity-state b {

+  display: inline-flex;

+  align-items: center;

+  justify-content: center;

+  min-width: 1.25rem;

+  height: 1.25rem;

+  padding: 0 0.35rem;

+  border-radius: 999px;

+  color: #fff;

+  background: var(--fg-muted);

+  font-size: 0.75rem;

+  font-weight: 600;

+}

+.shithub-profile-activity-state.is-open b {

+  background: #2da44e;

+}

+.shithub-profile-activity-state.is-merged b {

+  background: #8250df;

+}

+.shithub-profile-activity-state.is-closed b {

+  background: #cf222e;

+}

+.shithub-profile-stars-page .shithub-user-profile-container {

+  align-items: start;

+}

+.shithub-stars-main {

+  display: grid;

+  gap: 2rem;

+}

+.shithub-stars-section-head {

+  display: flex;

+  align-items: center;

+  justify-content: space-between;

+  gap: 1rem;

+  margin-bottom: 1rem;

+}

+.shithub-stars-section-head h2,

+.shithub-stars-results h2 {

+  margin: 0;

+  font-size: 1rem;

+  font-weight: 400;

+}

+.shithub-stars-section-head h2 span {

+  color: var(--fg-muted);

+}

+.shithub-stars-list-actions {

+  display: flex;

+  gap: 0.5rem;

+}

+.shithub-stars-empty-list {

+  min-height: 148px;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  display: grid;

+  place-items: center;

+  align-content: center;

+  gap: 0.55rem;

+  padding: 1.5rem;

+  text-align: center;

+  color: var(--fg-default);

+}

+.shithub-stars-empty-list > span {

+  color: var(--fg-muted);

+}

+.shithub-stars-empty-list p {

+  margin: 0;

+  color: var(--fg-muted);

+  font-size: 0.875rem;

+}

+.shithub-stars-results {

+  min-width: 0;

+}

+.shithub-stars-toolbar {

+  display: flex;

+  align-items: center;

+  gap: 0.5rem;

+  margin: 1rem 0;

+}

+.shithub-stars-search {

+  position: relative;

+  flex: 1 1 240px;

+  min-width: 180px;

+}

+.shithub-stars-search svg {

+  position: absolute;

+  left: 0.65rem;

+  top: 50%;

+  transform: translateY(-50%);

+  color: var(--fg-muted);

+  pointer-events: none;

+}

+.shithub-stars-search input {

+  width: 100%;

+  padding-left: 2rem;

+}

+.shithub-stars-toolbar select {

+  min-height: 32px;

+  padding: 0 1.75rem 0 0.75rem;

+  border: 1px solid var(--border-default);

+  border-radius: 6px;

+  background: var(--canvas-subtle);

+  color: var(--fg-default);

+  font: inherit;

+}

+.shithub-stars-list {

+  list-style: none;

+  margin: 0;

+  padding: 0;

+  border-top: 1px solid var(--border-default);

+}

+.shithub-stars-row {

+  display: grid;

+  grid-template-columns: minmax(0, 1fr) auto;

+  gap: 1rem;

+  align-items: start;

+  padding: 1.25rem 0;

+  border-bottom: 1px solid var(--border-default);

+}

+.shithub-stars-row h3 {

+  margin: 0;

+  font-size: 1.125rem;

+  font-weight: 600;

+}

+.shithub-stars-row h3 a {

+  color: var(--accent-fg);

+  text-decoration: none;

+}

+.shithub-stars-row h3 a:hover {

+  text-decoration: underline;

+}

+.shithub-stars-row p {

+  margin: 0.45rem 0 0;

+  color: var(--fg-muted);

+}

+.shithub-stars-meta {

+  list-style: none;

+  margin: 0.65rem 0 0;

+  padding: 0;

+  display: flex;

+  flex-wrap: wrap;

+  align-items: center;

+  gap: 0.75rem;

+  color: var(--fg-muted);

+  font-size: 0.875rem;

+}

+.shithub-stars-meta li {

+  display: inline-flex;

+  align-items: center;

+  gap: 0.25rem;

+}

+.shithub-stars-starred svg:first-child {

+  color: #d29922;

+}

+  .shithub-stars-toolbar,

+  .shithub-stars-row,

+  .shithub-stars-section-head {

+    align-items: stretch;

+    flex-direction: column;

+    display: flex;

+  }

+  .shithub-stars-list-actions {

+    width: 100%;

+  }

+  .shithub-stars-list-actions .shithub-button {

+    flex: 1;

+  }

+  (function () {

+    document.querySelectorAll("[data-profile-activity]").forEach(function (root) {

+      var button = root.querySelector("[data-profile-activity-show-more]");

+      if (!button) return;

+      button.addEventListener("click", function () {

+        root.querySelectorAll("[data-profile-activity-more]").forEach(function (row) {

+          row.hidden = false;

+          row.removeAttribute("data-profile-activity-more");

+        });

+        button.hidden = true;

+      });

+    });

+  })();

+

+<section class="shithub-user-profile shithub-profile-stars-page">

+  <div class="shithub-profile-tabs-shell">

+    {{ template "profile-tabs" . }}

+  </div>

+

+  <div class="shithub-user-profile-container">

+    <aside class="shithub-user-profile-sidebar" aria-label="{{ .User.Username }} profile">

+      <a class="shithub-profile-avatar-link" href="{{ .AvatarURL }}">

+        <img class="shithub-profile-avatar" src="{{ .AvatarURL }}" alt="@{{ .User.Username }}" width="296" height="296">

+      </a>

+      <div class="shithub-profile-names">

+        <h1>

+          <span class="shithub-profile-name">{{ .DisplayName }}</span>

+          <span class="shithub-profile-handle">{{ .User.Username }}</span>

+        </h1>

+        {{ if .User.Pronouns }}<span class="shithub-profile-pronouns">{{ .User.Pronouns }}</span>{{ end }}

+      </div>

+

+      {{ if .User.Bio }}<div class="shithub-profile-bio">{{ .User.Bio }}</div>{{ end }}

+      {{ if .IsSelf }}<a href="/settings/profile" class="shithub-button shithub-button-block">Edit profile</a>{{ end }}

+

+      <p class="shithub-profile-follow-counts">

+        {{ octicon "people" }}

+        <a href="/{{ .User.Username }}?tab=followers"><strong>{{ .FollowersCount }}</strong> followers</a>

+        <span class="shithub-profile-dot" aria-hidden="true">·</span>

+        <a href="/{{ .User.Username }}?tab=following"><strong>{{ .FollowingCount }}</strong> following</a>

+      </p>

+

+      <ul class="shithub-profile-vcard">

+        {{ if .User.Company }}<li>{{ octicon "organization" }} <span>{{ .User.Company }}</span></li>{{ end }}

+        {{ if .User.Location }}<li>{{ octicon "location" }} <span>{{ .User.Location }}</span></li>{{ end }}

+        {{ if .WebsiteSafe }}<li>{{ octicon "link" }} <a href="{{ .WebsiteSafe }}" rel="nofollow noopener">{{ .User.Website }}</a></li>{{ end }}

+        <li>{{ octicon "calendar" }} <span>Joined {{ .JoinedFormatted }}</span></li>

+      </ul>

+

+      {{ if .Orgs }}

+      <section class="shithub-profile-sidebar-section" aria-labelledby="stars-profile-orgs-heading">

+        <h2 id="stars-profile-orgs-heading">Organizations</h2>

+        <div class="shithub-profile-orgs">

+          {{ range .Orgs }}

+          <a href="/{{ .Slug }}" aria-label="{{ .DisplayName }}">

+            <img src="{{ .AvatarURL }}" alt="" width="32" height="32">

+          </a>

+          {{ end }}

+        </div>

+      </section>

+      {{ end }}

+    </aside>

+

+    <main class="shithub-user-profile-main shithub-stars-main">

+      <section class="shithub-stars-lists" aria-labelledby="stars-lists-heading">

+        <div class="shithub-stars-section-head">

+          <h2 id="stars-lists-heading">Lists <span>(0)</span></h2>

+          <div class="shithub-stars-list-actions">

+            <button type="button" class="shithub-button" disabled>Sort {{ octicon "triangle-down" }}</button>

+            <button type="button" class="shithub-button shithub-button-primary" disabled>Create list</button>

+          </div>

+        </div>

+        <div class="shithub-stars-empty-list">

+          <span>{{ octicon "star" }}</span>

+          <strong>Create your first list</strong>

+          <p>Lists make it easier to organize and curate repositories that you have starred. <a href="/{{ .User.Username }}?tab=stars">Create your first list.</a></p>

+        </div>

+      </section>

+

+      <section class="shithub-stars-results" aria-labelledby="stars-heading">

+        <h2 id="stars-heading">Stars</h2>

+        <form class="shithub-stars-toolbar" method="get" action="/{{ .User.Username }}" aria-label="{{ .StarsSearchLabel }}">

+          <input type="hidden" name="tab" value="stars">

+          <label class="shithub-stars-search">

+            <span class="sr-only">Search stars</span>

+            {{ octicon "search" }}

+            <input type="search" name="q" value="{{ .StarFilters.Query }}" placeholder="Search stars" autocomplete="off">

+          </label>

+          <button type="submit" class="shithub-button">Search</button>

+          <label>

+            <span class="sr-only">Repository type</span>

+            <select name="type" onchange="this.form.submit()">

+              <option value="all"{{ if eq .StarFilters.Type "all" }} selected{{ end }}>Type: All</option>

+              <option value="public"{{ if eq .StarFilters.Type "public" }} selected{{ end }}>Public</option>

+              <option value="private"{{ if eq .StarFilters.Type "private" }} selected{{ end }}>Private</option>

+            </select>

+          </label>

+          <label>

+            <span class="sr-only">Language</span>

+            <select name="language" onchange="this.form.submit()">

+              <option value=""{{ if not .StarFilters.Language }} selected{{ end }}>Language</option>

+              {{ range .LanguageOptions }}<option value="{{ . }}"{{ if eq $.StarFilters.Language . }} selected{{ end }}>{{ . }}</option>{{ end }}

+            </select>

+          </label>

+          <label>

+            <span class="sr-only">Sort</span>

+            <select name="sort" onchange="this.form.submit()">

+              <option value="recently-starred"{{ if eq .StarFilters.Sort "recently-starred" }} selected{{ end }}>Sort by: Recently starred</option>

+              <option value="recently-active"{{ if eq .StarFilters.Sort "recently-active" }} selected{{ end }}>Recently active</option>

+              <option value="stars"{{ if eq .StarFilters.Sort "stars" }} selected{{ end }}>Most stars</option>

+            </select>

+          </label>

+        </form>

+

+        {{ if .Stars }}

+        <ol class="shithub-stars-list">

+          {{ range .Stars }}

+          <li class="shithub-stars-row">

+            <div class="shithub-stars-row-main">

+              <h3>

+                <a href="{{ .URL }}">{{ .FullName }}</a>

+                {{ if .IsPrivate }}<span class="shithub-pill shithub-pill-private">Private</span>{{ end }}

+              </h3>

+              {{ if .Description }}<p>{{ .Description }}</p>{{ end }}

+              <ul class="shithub-stars-meta">

+                {{ if .PrimaryLanguage }}<li><span class="shithub-language-dot" style="background-color: {{ .LanguageColor }};"></span>{{ .PrimaryLanguage }}</li>{{ end }}

+                <li>{{ octicon "star" }} {{ .StarCount }}</li>

+                <li>Updated <time datetime="{{ .UpdatedAt.Format "2006-01-02T15:04:05Z" }}">{{ relativeTime .UpdatedAt }}</time></li>

+              </ul>

+            </div>

+            <button type="button" class="shithub-button shithub-stars-starred" disabled>{{ octicon "star" }} Starred {{ octicon "triangle-down" }}</button>

+          </li>

+          {{ end }}

+        </ol>

+        {{ else }}

+        <p class="shithub-empty">No starred repositories visible.</p>

+        {{ end }}

+

+        {{ if or .HasPrev .HasNext }}

+        <nav class="shithub-pagination">

+          {{ if .HasPrev }}<a href="{{ .PrevHref }}" class="shithub-button">Previous</a>{{ end }}

+          {{ if .HasNext }}<a href="{{ .NextHref }}" class="shithub-button">Next</a>{{ end }}

+        </nav>

+        {{ end }}

+      </section>

+    </main>

+  </div>

+      <section class="shithub-profile-activity" aria-labelledby="activity-h" data-profile-activity>

+        {{ if .Contributions.Activity }}

+        <div class="shithub-profile-activity-timeline">

+          {{ range .Contributions.Activity }}

+          <div class="shithub-profile-activity-row"{{ if .InitiallyHidden }} hidden data-profile-activity-more{{ end }}>

+            <div class="shithub-profile-activity-month">{{ .Label }}</div>

+            <div class="shithub-profile-activity-list">

+              {{ range .Items }}

+              <article class="shithub-profile-activity-item shithub-profile-activity-item-{{ .Kind }}">

+                <span class="shithub-profile-activity-icon">{{ octicon .Icon }}</span>

+                <div class="shithub-profile-activity-body">

+                  <strong>{{ .Summary }}</strong>

+                  {{ if .Repos }}

+                  <ol class="shithub-profile-activity-repos">

+                    {{ range .Repos }}

+                    <li>

+                      {{ if .URL }}<a href="{{ .URL }}">{{ .FullName }}</a>{{ else }}<span>{{ .FullName }}</span>{{ end }}

+                      {{ if .Language }}<span class="shithub-profile-activity-lang"><span class="shithub-language-dot" style="background-color: {{ .LanguageColor }};"></span>{{ .Language }}</span>{{ end }}

+                      {{ if .CountLabel }}<span>{{ .CountLabel }}</span>{{ end }}

+                      {{ range .StateCounts }}<span class="shithub-profile-activity-state is-{{ .Class }}"><b>{{ .Count }}</b> {{ .Label }}</span>{{ end }}

+                      {{ if .DateLabel }}<time>{{ .DateLabel }}</time>{{ end }}

+                    </li>

+                    {{ end }}

+                  </ol>

+                  {{ end }}

+                </div>

+              </article>

+              {{ end }}

+            </div>

+          </div>

+          {{ end }}

+        </div>

+        {{ if .Contributions.HasMoreActivity }}<button type="button" class="shithub-button shithub-button-block" data-profile-activity-show-more>Show more activity</button>{{ end }}

+        {{ else }}

+          <div class="shithub-profile-activity-list">

+            <article class="shithub-profile-activity-item">

+              <span class="shithub-profile-activity-icon">{{ octicon "repo" }}</span>

+              <div class="shithub-profile-activity-body"><strong>No activity in {{ .Contributions.MonthLabel }}</strong></div>

+            </article>

+        {{ end }}