{{define "partials/sidebar_browse.html"}}
  {{if .SourceLabelCounts}}
  <div id="source-labels-section">
    <div class="sidebar-section-header">
      <span class="sidebar-section-title">Sources</span>
      <button id="source-labels-toggle" class="folder-toggle-btn" data-target="source-labels-list">▶</button>
    </div>
    <ul id="source-labels-list" class="folder-tree" style="display:none">
      {{range .SourceLabelCounts}}
      {{$active := printf `source:"%s"` (qval .Source)}}
      <li class="folder-node-wrap">
        <div class="folder-node-row">
          <span class="folder-spacer"></span>
          <a href="/?q={{urlQ $active}}" class="folder-link{{if eq $.Query $active}} active{{end}}" title="{{.Source}}">{{.Source}} ({{.Count}})</a>
        </div>
      </li>
      {{end}}
    </ul>
  </div>
  {{end}}
  {{if .FolderTree}}
  {{$root := index .FolderTree 0}}
  <div id="folder-tree-section">
    <div class="sidebar-section-header">
      <span class="sidebar-section-title">Folders</span>
      <button id="folder-tree-toggle" class="folder-toggle-btn" data-target="folder-tree-list">▶</button>
    </div>
    <ul id="folder-tree-list" class="folder-tree" style="display:none">
      <li class="folder-node-wrap">
        <div class="folder-node-row">
          <span class="folder-spacer"></span>
          <a href="/?q=folder:" class="folder-link{{if eq $.Query "folder:"}} active{{end}}">/ ({{$root.Count}})</a>
          <a href="/?q=folderonly:" class="folder-only-btn{{if eq $.Query "folderonly:"}} active{{end}}" title="Only this folder (no subfolders)">[·]</a>
        </div>
      </li>
      {{range $root.Children}}
      {{template "folder_node" (dict "Node" . "Query" $.Query)}}
      {{end}}
    </ul>
  </div>
  {{end}}
  {{/* Saved searches */}}
  {{if .SavedSearches}}
  <div id="saved-searches-section">
    <div class="sidebar-section-header">
      <span class="sidebar-section-title">Saved Searches</span>
    </div>
    <ul class="saved-search-list-sidebar">
      {{$csrf := $.CSRFToken}}
      {{range .SavedSearches}}
      <li class="saved-search-entry" id="ss-{{.ID}}">
        <a href="{{.HRef}}" class="saved-search-link" title="{{.Query}}">{{.Name}}</a>
        <button class="saved-search-del"
                hx-delete="/search/saved/{{.ID}}"
                hx-target="#ss-{{.ID}}"
                hx-swap="outerHTML"
                hx-headers='{"X-CSRF-Token":"{{$csrf}}"}'
                title="Remove saved search">×</button>
      </li>
      {{end}}
    </ul>
  </div>
  {{end}}
{{end}}

{{define "folder_node"}}
{{$node := .Node}}
{{$query := .Query}}
{{$active := printf "folder:%s" $node.Path}}
{{$quotedActive := printf `folder:"%s"` $node.Path}}
{{$onlyActive := printf "folderonly:%s" $node.Path}}
{{$quotedOnlyActive := printf `folderonly:"%s"` $node.Path}}
<li class="folder-node-wrap">
  <div class="folder-node-row">
    {{if $node.Children}}
    <button class="folder-toggle-btn folder-expand-btn" data-path="{{$node.Path}}" data-target="fc-{{$node.Path}}" title="Toggle folder">▶</button>
    {{else}}
    <span class="folder-spacer"></span>
    {{end}}
    <a href="/?q={{urlQ $quotedActive}}" class="folder-link{{if or (eq $query $active) (eq $query $quotedActive)}} active{{end}}">
      {{$node.Name}}/ ({{$node.Count}})
    </a>
    <a href="/?q={{urlQ $quotedOnlyActive}}" class="folder-only-btn{{if or (eq $query $onlyActive) (eq $query $quotedOnlyActive)}} active{{end}}" title="Only this folder (no subfolders)">[·]</a>
  </div>
  {{if $node.Children}}
  <ul id="fc-{{$node.Path}}" class="folder-children" style="display:none">
    {{range $node.Children}}
    {{template "folder_node" (dict "Node" . "Query" $query)}}
    {{end}}
  </ul>
  {{end}}
</li>
{{end}}