Rediseña el árbol de /organization y oculta la solapa Miembros

- /organization: árbol tipo explorador de directorios con <details>/<summary>
  nativos (colapsables, se expanden todos con búsqueda activa vía expand_all);
  flecha, guía vertical + conector por fila, badge de datasets, Montserrat.
- Sidebar de organización (info.html): solo cantidad de datasets, sin
  Seguidores ni Miembros.
- organization/read_base.html y group/read_base.html: oculta la solapa
  "Miembros" salvo que el usuario tenga permiso real (check_access group_show),
  para no exponer los usuarios del organismo a cualquier visitante.

Author: AlenCarbajal

ckanext/gobar_theme/assets/css/gobar-base.css

@@ -143,52 +143,10 @@ footer .lang-select .select2-chosen { color: #333!important; }
 }
 
 /* ── ORGANIZACIONES / GRUPOS ──
-   /organization usa el árbol de ckanext-hierarchy (hierarchy_theme.css: bullets,
-   líneas punteadas, link teal) en vez del grid de tarjetas del resto del sitio.
-   /group usa el grid nativo de CKAN (.media-grid), sin estilo propio. Ambos se
-   llevan acá a la línea visual de tarjetas del theme. */
-#publisher-tree {
-  background: var(--gobar-blanco);
-  border: 1px solid #E0E0E0;
-  border-radius: 8px;
-  padding: .25rem 1rem;
-}
-ul.hierarchy-tree-top,
-ul.hierarchy-tree {
-  list-style: none !important;
-  background: none !important;
-  margin: 0;
-  padding: 0;
-}
-ul.hierarchy-tree { margin-left: 1.25rem; }
-ul.hierarchy-tree-top > li,
-ul.hierarchy-tree li {
-  background: none !important;
-  padding: 0 !important;
-  border-bottom: 1px solid var(--gobar-gris-bg);
-}
-ul.hierarchy-tree-top > li:last-child { border-bottom: none; }
-ul.hierarchy-tree-top li > a,
-ul.hierarchy-tree li > a {
-  display: block;
-  padding: .6rem .25rem;
-  font-family: var(--font-cuerpo);
-  font-weight: 500;
-  color: var(--gobar-primary) !important;
-  text-decoration: none;
-  text-shadow: none !important;
-}
-ul.hierarchy-tree-top li > a:hover,
-ul.hierarchy-tree li > a:hover {
-  color: var(--gobar-primary-dark) !important;
-  background: var(--gobar-gris-bg);
-  border-radius: 6px;
-}
-ul.hierarchy-tree-top li.highlighted > a,
-ul.hierarchy-tree li.highlighted > a {
-  font-weight: 700;
-}
-
+   El índice de /organization lo dibuja el árbol propio de más abajo
+   (.gobar-org-tree, override del snippet de ckanext-hierarchy).
+   .media-grid es el grid genérico de CKAN que sigue usándose en otros
+   listados (dashboard, featured), se lleva a la línea visual del theme. */
 .media-grid {
   list-style: none;
   display: grid;
@@ -251,11 +209,37 @@ body.one-column .primary { width: 100%; max-width: 100%; float: none; }
 /* ── Listados de /organization (árbol de organismos) y /group (temas) ── */
 .gobar-temas-grid { margin-top: 24px; }
 
-.gobar-org-tree { list-style: none; padding: 0; margin: 24px 0 0; max-width: 780px; }
-.gobar-org-tree ul.hierarchy-tree { list-style: none; margin: 0 0 8px 24px; padding-left: 20px; border-left: 2px solid #DEE2E6; }
-.gobar-org-row { display: flex; align-items: center; gap: 14px; padding: 12px 18px; margin-bottom: 8px; background: var(--gobar-blanco); border: 1px solid #DEE2E6; border-radius: 4px; color: var(--gobar-navy) !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s; }
-.gobar-org-row:hover { border-color: var(--gobar-primary); box-shadow: 0 1px 3px rgba(33,45,81,.1); }
-.gobar-org-row-name { flex: 1; font-family: var(--font-cuerpo); font-size: 15px; font-weight: 600; line-height: 1.35; }
-.gobar-org-row-count { font-family: var(--font-cuerpo); font-size: 13px; color: var(--gobar-gris-oscuro); white-space: nowrap; }
+/* Árbol de organismos tipo explorador de directorios (handoff diseño 3d, sin
+   la tarjeta contenedora del mock): padres colapsables (<details> nativo),
+   guía vertical fina + conector horizontal por hijo, count como badge pegado
+   al nombre y filas fit-content (no se estiran a lo ancho). Tokens del
+   handoff; la tipografía queda la del portal (Montserrat), no IBM Plex. */
+.gobar-org-tree { margin: 24px 0 0; }
+.gobar-org-tree, .gobar-org-children { list-style: none; padding: 0; }
+.gobar-org-children { margin: 0; }
+.gobar-org-branch { margin: 0; }
+.gobar-org-row { display: flex; align-items: center; gap: 8px; padding: 12px 4px; width: fit-content; font-family: var(--font-cuerpo); }
+.gobar-org-row::before { content: "\25B8"; color: #9CA0B5; font-size: 11px; line-height: 1; flex: none; }
+summary.gobar-org-row { cursor: pointer; list-style: none; user-select: none; }
+summary.gobar-org-row::-webkit-details-marker { display: none; }
+/* Foco solo cuando se navega con teclado; el click no deja el recuadro azul */
+summary.gobar-org-row:focus:not(:focus-visible) { outline: none; box-shadow: none; }
+details[open] > summary.gobar-org-row::before { content: "\25BE"; color: #372F86; }
+.gobar-org-row-name { font-size: 14.5px; font-weight: 700; color: #312E3D; text-decoration: none; transition: color .15s; }
+.gobar-org-row-name:hover { color: #372F86; text-decoration: underline; }
+.gobar-org-row-count { background: #F1EFFA; color: #7A76A8; font-size: 11px; font-weight: 600; padding: 2px 7px; border-radius: 5px; white-space: nowrap; }
+/* Hijos: guía vertical dibujada por fila (::after) en vez de border-left del
+   ul, así en la última fila corta justo en su conector y no sigue de largo */
+.gobar-org-children { margin-left: 15px; padding-left: 22px; }
+.gobar-org-children > li { position: relative; }
+.gobar-org-children > li::before { content: ""; position: absolute; left: -22px; top: 50%; width: 16px; height: 1.5px; background: #E4E2F0; }
+.gobar-org-children > li::after { content: ""; position: absolute; left: -22px; top: 0; bottom: 0; width: 1.5px; background: #E4E2F0; }
+.gobar-org-children > li:last-child::after { bottom: auto; height: 50%; }
+.gobar-org-children .gobar-org-row { padding: 11px 4px; }
+.gobar-org-children .gobar-org-row::before { content: none; }
+.gobar-org-children summary.gobar-org-row::before { content: "\25B8"; }
+.gobar-org-children details[open] > summary.gobar-org-row::before { content: "\25BE"; }
+.gobar-org-children .gobar-org-row-name { font-size: 13.5px; font-weight: 600; color: #372F86; }
 /* Resultado resaltado por la búsqueda del árbol (hierarchy) */
-.gobar-org-tree li.highlighted > .gobar-org-row { border-color: var(--gobar-primary); box-shadow: 0 1px 3px rgba(33,45,81,.15); }
+.gobar-org-tree li.highlighted > .gobar-org-row .gobar-org-row-name,
+.gobar-org-tree li.highlighted > details > summary .gobar-org-row-name { color: #372F86; text-decoration: underline; }

ckanext/gobar_theme/templates/group/read_base.html

@@ -0,0 +1,11 @@
+{% ckan_extends %}
+
+{# Mismo riesgo que en organization/read_base.html: se oculta la solapa
+   "Miembros" salvo que el usuario tenga permiso real de verla. #}
+{% block content_primary_nav %}
+  {{ h.build_nav_icon(group_type + '.read', h.humanize_entity_type('package', dataset_type, 'content tab') or _('Datasets'), id=group_dict.name, icon='sitemap') }}
+  {% if h.check_access('group_show', {'id': group_dict.id, 'object_type': 'user'}) %}
+    {{ h.build_nav_icon(group_type + '.members', _('Members'), id=group_dict.name, icon='users') }}
+  {% endif %}
+  {{ h.build_nav_icon(group_type + '.about', _('About'), id=group_dict.name, icon='info-circle') }}
+{% endblock %}

ckanext/gobar_theme/templates/organization/read_base.html

@@ -0,0 +1,13 @@
+{% ckan_extends %}
+
+{# La solapa "Miembros" es un riesgo de privacidad: expone qué usuarios
+   pertenecen al organismo a cualquier visitante. Se oculta salvo que el
+   usuario ya tenga permiso real para verla (mismo chequeo que hace de forma
+   nativa la acción member_list cuando ckan.auth.public_user_details=False). #}
+{% block content_primary_nav %}
+  {{ h.build_nav_icon(group_type + '.read', h.humanize_entity_type('package', dataset_type, 'content tab') or _('Datasets'), id=group_dict.name, icon='sitemap') }}
+  {% if h.check_access('group_show', {'id': group_dict.id, 'object_type': 'user'}) %}
+    {{ h.build_nav_icon(group_type + '.members', _('Members'), id=group_dict.name, icon='users') }}
+  {% endif %}
+  {{ h.build_nav_icon(group_type + '.about', _('About'), id=group_dict.name, icon='info-circle') }}
+{% endblock %}

ckanext/gobar_theme/templates/organization/snippets/info.html

@@ -0,0 +1,13 @@
+{% ckan_extends %}
+
+{# Sidebar de la organización: solo la cantidad de datasets — sin seguidores
+   ni miembros, que no le aportan nada al visitante del portal. #}
+{% block nums %}
+  {% set dataset_type = h.default_package_type() %}
+  <div class="nums">
+    <dl>
+      <dt>{{ h.humanize_entity_type('package', dataset_type, 'facet label') or _('Datasets') }}</dt>
+      <dd>{{ h.SI_number_span(organization.package_count) }}</dd>
+    </dl>
+  </div>
+{% endblock %}

ckanext/gobar_theme/templates/organization/snippets/organization_list.html

@@ -9,4 +9,4 @@
 {% else %}
   {% set top_nodes = h.group_tree(organizations=organizations, type_='organization') %}
 {% endif %}
-{% snippet 'organization/snippets/organization_tree.html', top_nodes=top_nodes %}
+{% snippet 'organization/snippets/organization_tree.html', top_nodes=top_nodes, expand_all=q %}

ckanext/gobar_theme/templates/organization/snippets/organization_tree.html

@@ -1,25 +1,32 @@
 {#
-Override del árbol de ckanext-hierarchy: misma recursión y highlight de
-búsqueda, pero cada nodo como fila con logo y cantidad de datasets, y sin el
-asset viejo de hierarchy (los estilos viven en gobar-base.css).
+Override del árbol de ckanext-hierarchy según el handoff de diseño 2a:
+árbol tipo explorador de directorios, sin contenedor propio. Los padres
+son <details> nativos (colapsados por defecto, varios abiertos a la vez); el
+nombre navega, el resto de la fila expande/colapsa. Estilos en gobar-base.css.
 
-top_nodes - nodos raíz de h.group_tree() (name/title/highlighted/children)
+top_nodes  - nodos raíz de h.group_tree() (name/title/highlighted/children)
+expand_all - abrir todos los padres (se usa cuando hay búsqueda activa)
 #}
 {% set org_details = h.gobar_org_details_by_name() %}
 
-<ul class="hierarchy-tree-top gobar-org-tree">
-  {% for node in top_nodes recursive %}
-    {% set org = org_details.get(node.name) %}
-    <li id="node_{{ node.name }}"{% if node.highlighted %} class="highlighted"{% endif %}>
-      <a href="{{ h.url_for('organization.read', id=node.name) }}" class="gobar-org-row">
-        <span class="gobar-org-row-name">{{ node.title }}</span>
-        {% if org %}
-          <span class="gobar-org-row-count">{{ org.package_count }} datasets</span>
+<ul class="gobar-org-tree">
+    {% for node in top_nodes recursive %}
+      {% set org = org_details.get(node.name) %}
+      <li id="node_{{ node.name }}"{% if node.highlighted %} class="highlighted"{% endif %}>
+        {% if node.children %}
+          <details class="gobar-org-branch"{% if expand_all or node.highlighted %} open{% endif %}>
+            <summary class="gobar-org-row">
+              <a href="{{ h.url_for('organization.read', id=node.name) }}" class="gobar-org-row-name">{{ node.title }}</a>
+              {% if org %}<span class="gobar-org-row-count">{{ org.package_count }} datasets</span>{% endif %}
+            </summary>
+            <ul class="gobar-org-children">{{ loop(node.children) }}</ul>
+          </details>
+        {% else %}
+          <div class="gobar-org-row">
+            <a href="{{ h.url_for('organization.read', id=node.name) }}" class="gobar-org-row-name">{{ node.title }}</a>
+            {% if org %}<span class="gobar-org-row-count">{{ org.package_count }} datasets</span>{% endif %}
+          </div>
         {% endif %}
-      </a>
-      {% if node.children %}
-        <ul class="hierarchy-tree">{{ loop(node.children) }}</ul>
-      {% endif %}
-    </li>
-  {% endfor %}
+      </li>
+    {% endfor %}
 </ul>