F3 branding: colores Focus (blanco default + toggle azul Focus dark) via .streamlit/config.toml, titulo 'Enfoque Proto Chatbot X.Y' con version

.streamlit/config.toml

@@ -0,0 +1,9 @@
+# Tema Focus (claro por defecto). Solo colores; NO se cambia la tipografia.
+# Fuente de los valores: design/focus-brand-claude-design/tokens/tokens.css
+# El modo oscuro (azul Focus) se activa con el toggle del sidebar (CSS en app.py).
+[theme]
+base = "light"
+primaryColor = "#006585"
+backgroundColor = "#FFFFFF"
+secondaryBackgroundColor = "#F1F1F1"
+textColor = "#11384D"

app.py

@@ -13,6 +13,11 @@ BASE_DIR = Path(__file__).parent
 KB_NAME = "enfoque-proto-chat-knowledge-base.md"
 KB_PATH = BASE_DIR / KB_NAME
 
+# Version del bot. Se INCREMENTA al desplegar una mejora salida del feedback de los reps
+# (se comunica el numero en el changelog de esa release). Formato X.Y.
+APP_VERSION = "1.0"
+APP_TITLE = f"Enfoque Proto Chatbot {APP_VERSION}"
+
 # --- Persistencia remota (fuente de verdad) --------------------------------
 # La KB .md vive en el repo del Space; la bitacora en un dataset aparte. Ambas
 # se persisten por commit remoto (HfApi), NO en session_state. Por eso limpiar
@@ -22,7 +27,33 @@ DATA_REPO = "enfoquealafamilia/enfoque-proto-chat-data-kb"
 BITACORA_NAME = "bitacora.jsonl"
 HF_TOKEN = os.getenv("HF_TOKEN", "")
 
-st.set_page_config(page_title="enfoque-proto-chat", page_icon="\U0001F4AC", layout="wide")
+st.set_page_config(page_title=APP_TITLE, page_icon="\U0001F4AC", layout="wide")
+
+
+# -- Tema Focus: modo oscuro (azul Focus) opcional via toggle del sidebar ------
+# El modo CLARO (blanco) es el default y lo define .streamlit/config.toml.
+# Fuente de los colores: design/focus-brand-claude-design/tokens/tokens.css
+_DARK_CSS = """
+<style>
+.stApp { background-color: #081C26 !important; }
+[data-testid="stSidebar"] { background-color: #0C2A39 !important; }
+.stApp, .stApp p, .stApp li, .stApp label, .stApp span,
+.stApp h1, .stApp h2, .stApp h3, .stApp h4,
+[data-testid="stSidebar"] * { color: #F1F1F1 !important; }
+.stApp a { color: #A2D4CF !important; }
+[data-testid="stChatMessage"] { background-color: #11384D !important; }
+[data-testid="stChatInput"] textarea,
+.stApp textarea, .stApp input { background-color: #0C2A39 !important; color: #F1F1F1 !important; }
+.stApp blockquote { border-left-color: #4D99A9 !important; }
+[data-testid="stChatInput"] { background-color: #0C2A39 !important; }
+</style>
+"""
+
+
+def apply_focus_theme():
+    """Inyecta el CSS del modo oscuro (azul Focus) si el toggle esta activo."""
+    if st.session_state.get("dark_mode"):
+        st.markdown(_DARK_CSS, unsafe_allow_html=True)
 
 
 def _now_str():
@@ -42,7 +73,7 @@ def _check_auth():
         return
     if st.session_state.get("_authenticated"):
         return
-    st.markdown("### enfoque-proto-chat")
+    st.markdown(f"### {APP_TITLE}")
     usuario = st.text_input("Usuario")
     clave = st.text_input("Contraseña", type="password")
     if st.button("Ingresar"):
@@ -908,12 +939,15 @@ if "pending_revert" not in st.session_state:
     st.session_state.pending_revert = None
 if "rep_name" not in st.session_state:
     st.session_state.rep_name = ""
+if "dark_mode" not in st.session_state:
+    st.session_state.dark_mode = False
 
 
 # -- Sidebar -------------------------------------------------------------------
 
 with st.sidebar:
-    st.title("enfoque-proto-chat")
+    st.title(APP_TITLE)
+    st.toggle("🌙 Modo oscuro (azul Focus)", key="dark_mode")
 
     model_options = [k for k, v in MODELS.items() if os.getenv(v["env_key"])]
 
@@ -971,6 +1005,10 @@ with st.sidebar:
             st.caption("Sin cambios registrados todavia.")
 
 
+# Aplica el tema oscuro (azul Focus) si el toggle del sidebar esta activo.
+apply_focus_theme()
+
+
 # -- Chat UI -------------------------------------------------------------------
 
 # Encabezado con boton de limpiar chat. NOTA: limpiar el chat solo resetea el