From 2dd2aeae8c425ca58bb572500627cfe3c94609f1 Mon Sep 17 00:00:00 2001
From: Milton Gonzalez <mgonzalez@develop.linkedcorp.net>
Date: Thu, 1 Oct 2026 16:26:10 -0500
Subject: [PATCH] fix: version 2.8.5 -- boton para volver a ocultar el catalogo
 de marcas

Al "+" para desplegar los logos de marca le faltaba su contraparte: un boton "-" junto al
titulo del bloque para volver a colapsarlo.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 CHANGELOG.md                                  |  5 +++
 VERSION                                       |  2 +-
 backend/package.json                          |  2 +-
 frontend/package.json                         |  2 +-
 frontend/src/i18n/messages.js                 |  2 ++
 .../src/pages/Contrasenas/ContrasenasPage.jsx | 31 +++++++++++++------
 frontend/src/styles/app.css                   |  3 +-
 7 files changed, 34 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 97236a3..55ac77c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Changelog - project.linkedcorp.net
 
+## [2.8.5] - 2026-10-01
+### Fixed
+- Faltaba la forma de volver a ocultar el catálogo de logos de marca una vez abierto con "+" —
+  ahora tiene su propio botón "−" al lado del título para cerrarlo de nuevo.
+
 ## [2.8.4] - 2026-10-01
 ### Changed
 - El catálogo de logos de marca en "Contraseñas" queda oculto por defecto, con un botón "+" para
diff --git a/VERSION b/VERSION
index 2701a22..766d708 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-2.8.4
+2.8.5
diff --git a/backend/package.json b/backend/package.json
index 039e7cd..553e839 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "project-linkedcorp-backend",
-  "version": "2.8.4",
+  "version": "2.8.5",
   "private": true,
   "type": "module",
   "main": "src/server.js",
diff --git a/frontend/package.json b/frontend/package.json
index 81e8a30..02ceaac 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "project-linkedcorp-frontend",
   "private": true,
-  "version": "2.8.4",
+  "version": "2.8.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/i18n/messages.js b/frontend/src/i18n/messages.js
index 1e0a256..4e451d1 100644
--- a/frontend/src/i18n/messages.js
+++ b/frontend/src/i18n/messages.js
@@ -212,6 +212,7 @@ export const messages = {
     vault_field_icon: 'Ícono',
     vault_icon_auto: 'Automático (inicial del nombre)',
     vault_icon_more: 'Más íconos (marcas conocidas)',
+    vault_icon_less: 'Ocultar íconos de marca',
     vault_password_unchanged_hint: 'Dejar en blanco para no cambiarla',
     vault_reveal: 'Revelar',
     vault_copy: 'Copiar',
@@ -544,6 +545,7 @@ export const messages = {
     vault_field_icon: 'Icon',
     vault_icon_auto: 'Automatic (name initial)',
     vault_icon_more: 'More icons (well-known brands)',
+    vault_icon_less: 'Hide brand icons',
     vault_password_unchanged_hint: 'Leave blank to keep it unchanged',
     vault_reveal: 'Reveal',
     vault_copy: 'Copy',
diff --git a/frontend/src/pages/Contrasenas/ContrasenasPage.jsx b/frontend/src/pages/Contrasenas/ContrasenasPage.jsx
index 7b63f5f..8455850 100644
--- a/frontend/src/pages/Contrasenas/ContrasenasPage.jsx
+++ b/frontend/src/pages/Contrasenas/ContrasenasPage.jsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import {
-  Plus, Trash2, Eye, EyeOff, Copy, Pencil, Save, X, RefreshCw, ShieldAlert, MoreVertical,
+  Plus, Minus, Trash2, Eye, EyeOff, Copy, Pencil, Save, X, RefreshCw, ShieldAlert, MoreVertical,
   Mail, Globe, Server, Database, Cloud, Shield, Lock, Wifi, CreditCard, Building2, Printer,
   Smartphone, KeyRound, HardDrive, Router, UserCog,
 } from 'lucide-react';
@@ -361,18 +361,31 @@ export default function ContrasenasPage() {
               ))}
             </div>
             {showBrandIcons ? (
-              <div className="vault-icon-picker vault-icon-picker-brands">
-                {Object.entries(BRAND_ICONS).map(([key, icon]) => (
+              <div>
+                <div className="vault-icon-brands-header">
+                  <span className="text-muted" style={{ fontSize: '.72rem' }}>{t('vault_icon_more')}</span>
                   <button
                     type="button"
-                    key={key}
-                    className={`vault-icon-option brand ${form.iconKey === key ? 'selected' : ''}`}
-                    title={icon.title}
-                    onClick={() => setForm((f) => ({ ...f, iconKey: key }))}
+                    className="icon-btn"
+                    title={t('vault_icon_less')}
+                    onClick={() => setShowBrandIcons(false)}
                   >
-                    <BrandSvg icon={icon} size={16} />
+                    <Minus size={14} />
                   </button>
-                ))}
+                </div>
+                <div className="vault-icon-picker vault-icon-picker-brands">
+                  {Object.entries(BRAND_ICONS).map(([key, icon]) => (
+                    <button
+                      type="button"
+                      key={key}
+                      className={`vault-icon-option brand ${form.iconKey === key ? 'selected' : ''}`}
+                      title={icon.title}
+                      onClick={() => setForm((f) => ({ ...f, iconKey: key }))}
+                    >
+                      <BrandSvg icon={icon} size={16} />
+                    </button>
+                  ))}
+                </div>
               </div>
             ) : (
               <button
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
index e3634f3..8da0a63 100644
--- a/frontend/src/styles/app.css
+++ b/frontend/src/styles/app.css
@@ -386,7 +386,8 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
 .pin-input { -webkit-text-security: disc; letter-spacing: 4px; }
 
 .vault-icon-picker { display: flex; flex-wrap: wrap; gap: 8px; }
-.vault-icon-picker-brands { max-height: 150px; overflow-y: auto; padding-top: 8px; margin-top: 4px; border-top: 1px dashed rgb(var(--line)); }
+.vault-icon-brands-header { display: flex; align-items: center; justify-content: space-between; padding-top: 8px; margin-top: 4px; border-top: 1px dashed rgb(var(--line)); }
+.vault-icon-picker-brands { max-height: 150px; overflow-y: auto; margin-top: 6px; }
 .vault-icon-option {
   width: 36px; height: 36px; border-radius: 999px; border: 1px solid rgb(var(--line));
   background: rgb(var(--field)); color: rgb(var(--body)); cursor: pointer;