From d34043a48110bf88c2cc3cc3dbe56fc96d2af79d Mon Sep 17 00:00:00 2001
From: Jer Miller <jeremie.miller@gmail.com>
Date: Tue, 7 Apr 2026 14:17:33 -0600
Subject: [PATCH] Fix login accessibility, remove ALL CAPS, and make today
 button always-visible

- Login: improve trust text contrast (#595959, 7:1 ratio), add password label,
  add role="alert" to error container, include recovery hint in error message
- Remove all 30 text-transform: uppercase declarations across 13 app workspace
  files, lowercase HTML text to match, remove paired letter-spacing
- Facet modal: lowercase heading, label, and button text
- Today button: always visible with de-emphasized/prominent states based on
  current day, add aria-label and :focus-visible ring
- Update test assertion to match new error message

Files changed: convey/templates/login.html, convey/root.py, convey/static/app.css,
convey/static/app.js, convey/templates/date_nav.html, tests/test_password.py,
and 14 app workspace files (search, home, settings, agents, health, dev,
entities, todos, import, stats, calendar/_day, graph, support, stats/dashboard.js)
---
 apps/agents/workspace.html     | 66 +++++++++++++---------------------
 apps/calendar/_day.html        |  4 +--
 apps/dev/workspace.html        |  6 ++--
 apps/entities/workspace.html   | 12 +++----
 apps/graph/workspace.html      |  8 ++---
 apps/health/workspace.html     | 36 ++++++++-----------
 apps/home/workspace.html       | 28 ++++++---------
 apps/import/workspace.html     |  2 --
 apps/search/workspace.html     |  6 ++--
 apps/settings/workspace.html   | 24 ++++---------
 apps/stats/dashboard.js        | 14 ++++----
 apps/stats/workspace.html      |  2 --
 apps/support/workspace.html    |  1 -
 apps/todos/workspace.html      |  2 --
 convey/root.py                 |  2 +-
 convey/static/app.css          | 28 +++++++++++----
 convey/static/app.js           | 12 +++----
 convey/templates/date_nav.html |  8 ++++-
 convey/templates/login.html    |  7 ++--
 tests/test_password.py         |  2 +-
 20 files changed, 117 insertions(+), 153 deletions(-)

diff --git a/apps/agents/workspace.html b/apps/agents/workspace.html
index 3ad95da32..967400a5d 100644
--- a/apps/agents/workspace.html
+++ b/apps/agents/workspace.html
@@ -75,8 +75,6 @@
 .section-title {
   font-size: 0.85rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   color: #666;
   margin-bottom: 0.75rem;
   padding-bottom: 0.25rem;
@@ -249,8 +247,6 @@
   font-weight: 600;
   color: #666;
   font-size: 0.85rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
 }
 
 .runs-table tr {
@@ -429,8 +425,6 @@
 
 .meta-label {
   font-size: 0.72rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
   color: #6b7280;
 }
 
@@ -550,8 +544,6 @@
   font-weight: 600;
   color: #7c4dff;
   font-size: 0.78rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
 }
 
 .event-thinking .thinking-text {
@@ -570,8 +562,6 @@
   font-weight: 600;
   color: #0288d1;
   font-size: 0.78rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
 }
 
 .event-tool .tool-name {
@@ -613,8 +603,6 @@
   font-size: 0.75rem;
   font-weight: 600;
   color: #666;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
   margin-top: 0.4rem;
 }
 
@@ -641,8 +629,6 @@
   font-weight: 600;
   color: #d32f2f;
   font-size: 0.78rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
 }
 
 .event-error .error-message {
@@ -682,8 +668,6 @@
   font-weight: 600;
   color: #388e3c;
   font-size: 0.78rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
 }
 
 .event-finish .finish-result {
@@ -918,16 +902,16 @@
       <thead>
         <tr>
           <th class="col-status"></th>
-          <th class="col-time">Time</th>
-          <th class="col-model">Model</th>
-          <th class="col-provider">Provider</th>
-          <th class="col-runtime">Runtime</th>
+          <th class="col-time">time</th>
+          <th class="col-model">model</th>
+          <th class="col-provider">provider</th>
+          <th class="col-runtime">runtime</th>
           <th class="col-activity" title="Thinking events">💭</th>
           <th class="col-activity" title="Tool calls">🔧</th>
           <th class="col-activity" title="Cost">💰</th>
-          <th class="col-facet">Facet</th>
-          <th class="col-output">Output</th>
-          <th class="col-prompt">Prompt</th>
+          <th class="col-facet">facet</th>
+          <th class="col-output">output</th>
+          <th class="col-prompt">prompt</th>
         </tr>
       </thead>
       <tbody id="runs-tbody"></tbody>
@@ -1198,13 +1182,13 @@
 
     // Render system agents
     if (organized.system.length > 0) {
-      container.appendChild(renderSection('System Agents', organized.system));
+      container.appendChild(renderSection('system agents', organized.system));
     }
 
     // Render app agent sections
     const appNames = Object.keys(organized.apps).sort();
     for (const appName of appNames) {
-      const title = appName.charAt(0).toUpperCase() + appName.slice(1);
+      const title = appName;
       container.appendChild(renderSection(title, organized.apps[appName]));
     }
   }
@@ -1670,13 +1654,13 @@
     status.className = 'run-status-badge';
     if (data.status === 'running') {
       status.classList.add('status-running');
-      status.textContent = 'Running';
+      status.textContent = 'running';
     } else if (data.failed) {
       status.classList.add('status-failed');
-      status.textContent = 'Failed';
+      status.textContent = 'failed';
     } else {
       status.classList.add('status-completed');
-      status.textContent = 'Completed';
+      status.textContent = 'completed';
     }
     titleRow.appendChild(status);
 
@@ -1731,14 +1715,14 @@
       grid.appendChild(item);
     }
 
-    addMetaItem('Started', formatTimestamp(data.start) || '\u2014');
-    addMetaItem('Runtime', formatRuntime(data.runtime_seconds));
-    addMetaItem('Model', formatModel(data.model), data.model || '');
-    addMetaItem('Provider', data.provider || '\u2014');
-    addMetaItem('Thinking', String(data.thinking_count || 0));
-    addMetaItem('Tools', String(data.tool_count || 0));
+    addMetaItem('started', formatTimestamp(data.start) || '\u2014');
+    addMetaItem('runtime', formatRuntime(data.runtime_seconds));
+    addMetaItem('model', formatModel(data.model), data.model || '');
+    addMetaItem('provider', data.provider || '\u2014');
+    addMetaItem('thinking', String(data.thinking_count || 0));
+    addMetaItem('tools', String(data.tool_count || 0));
     const costInfo = formatCost(data.cost);
-    addMetaItem('Cost', costInfo.text, costInfo.title);
+    addMetaItem('cost', costInfo.text, costInfo.title);
 
     card.appendChild(grid);
     return card;
@@ -1888,7 +1872,7 @@
     const text = event.summary || event.content || '';
     block.innerHTML =
       '<span class="event-time">' + escapeHtml(formatTimestamp(event.ts)) + '</span>' +
-      '<span class="event-label">Thinking</span>' +
+      '<span class="event-label">thinking</span>' +
       (text ? '<div class="thinking-text">' + escapeHtml(text) + '</div>' : '');
 
     return block;
@@ -1909,7 +1893,7 @@
     const headerLine = document.createElement('div');
     headerLine.innerHTML =
       '<span class="event-time">' + escapeHtml(formatTimestamp(ts)) + '</span>' +
-      '<span class="event-label">Tool</span> ' +
+      '<span class="event-label">tool</span> ' +
       '<span class="tool-name">' + escapeHtml(toolName) + '</span>' +
       (incomplete ? '<span class="tool-incomplete-badge">did not complete</span>' : '');
 
@@ -1942,7 +1926,7 @@
       if (args && Object.keys(args).length > 0) {
         const argsLabel = document.createElement('div');
         argsLabel.className = 'tool-section-label';
-        argsLabel.textContent = 'Args';
+        argsLabel.textContent = 'args';
         details.appendChild(argsLabel);
         const argsPre = document.createElement('pre');
         argsPre.textContent = JSON.stringify(args, null, 2);
@@ -1952,7 +1936,7 @@
       if (result) {
         const resultLabel = document.createElement('div');
         resultLabel.className = 'tool-section-label';
-        resultLabel.textContent = 'Result';
+        resultLabel.textContent = 'result';
         details.appendChild(resultLabel);
         const resultPre = document.createElement('pre');
         resultPre.textContent = result;
@@ -1978,7 +1962,7 @@
 
     let html =
       '<span class="event-time">' + escapeHtml(formatTimestamp(event.ts)) + '</span>' +
-      '<span class="event-label">Error</span> ' +
+      '<span class="event-label">error</span> ' +
       '<span class="error-message">' + escapeHtml(event.error || 'Unknown error') + '</span>';
 
     if (event.trace) {
@@ -2009,7 +1993,7 @@
 
     const label = document.createElement('span');
     label.className = 'event-label';
-    label.textContent = 'Result';
+    label.textContent = 'result';
     block.appendChild(label);
 
     if (event.result && event.result.trim()) {
diff --git a/apps/calendar/_day.html b/apps/calendar/_day.html
index 459a8e4b0..fa8c93c34 100644
--- a/apps/calendar/_day.html
+++ b/apps/calendar/_day.html
@@ -113,8 +113,6 @@
   margin: 0 0 0.5em 0;
   font-size: 0.85em;
   color: #666;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
 }
 
 .all-day-cards {
@@ -494,7 +492,7 @@
     let html = '';
 
     if (untimedEvents.length) {
-      html += '<div class="all-day-section"><h4>All Day / Scheduled</h4><div class="all-day-cards">';
+      html += '<div class="all-day-section"><h4>all day / scheduled</h4><div class="all-day-cards">';
       untimedEvents.forEach((o, i) => {
         const idx = list.indexOf(o);
         const isPlanned = o.occurred === false;
diff --git a/apps/dev/workspace.html b/apps/dev/workspace.html
index 8701df416..1d86c5fbf 100644
--- a/apps/dev/workspace.html
+++ b/apps/dev/workspace.html
@@ -138,8 +138,6 @@
 .dev-stat-label {
   font-size: 0.75rem;
   color: #6b7280;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   margin-top: 0.25rem;
 }
 
@@ -524,11 +522,11 @@ function showStats() {
   statsEl.innerHTML = `
     <div class="dev-stat">
       <div class="dev-stat-value">${count}</div>
-      <div class="dev-stat-label">Active Notifications</div>
+      <div class="dev-stat-label">active notifications</div>
     </div>
     <div class="dev-stat">
       <div class="dev-stat-value">${lastNotificationId || 'N/A'}</div>
-      <div class="dev-stat-label">Last ID</div>
+      <div class="dev-stat-label">last id</div>
     </div>
   `;
   log(`Stats: ${count} active notifications`);
diff --git a/apps/entities/workspace.html b/apps/entities/workspace.html
index ac1babd9e..951f6eb89 100644
--- a/apps/entities/workspace.html
+++ b/apps/entities/workspace.html
@@ -20,8 +20,6 @@
   font-size: 0.85em;
   font-weight: 600;
   color: #6c757d;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   margin-bottom: 0.75em;
   padding-bottom: 0.5em;
   border-bottom: 1px solid #e9ecef;
@@ -276,8 +274,6 @@
   font-size: 0.9em;
   font-weight: 600;
   color: #495057;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
 }
 
 /* Description section */
@@ -1009,7 +1005,7 @@ tr:hover .entity-delete-btn {
     <div class="entities-section">
       <div class="entities-container">
         <h3 id="all-entities-title">
-          <span>Detected Entities</span>
+          <span>detected entities</span>
           <input type="text" id="entity-search" class="entity-search-input" placeholder="Search entities...">
         </h3>
         <table class="entities-table">
@@ -1041,12 +1037,12 @@ tr:hover .entity-delete-btn {
     </div>
 
     <div class="entity-detail-section">
-      <h4>Description</h4>
+      <h4>description</h4>
       <div id="detail-description-container"></div>
     </div>
 
     <div class="entity-detail-section">
-      <h4>Observations</h4>
+      <h4>observations</h4>
       <div id="detail-observations"></div>
     </div>
 
@@ -1055,7 +1051,7 @@ tr:hover .entity-delete-btn {
     </div>
 
     <div class="entity-attach-section" id="detail-attach-section" style="display: none;">
-      <h4>Attach to <span id="attach-facet-name"></span></h4>
+      <h4>attach to <span id="attach-facet-name"></span></h4>
       <label class="attach-description-label">
         Description <span class="required">*</span>
         <small style="font-weight: normal; color: #6c757d;">(How does this entity relate to this facet?)</small>
diff --git a/apps/graph/workspace.html b/apps/graph/workspace.html
index 786197e76..40d757123 100644
--- a/apps/graph/workspace.html
+++ b/apps/graph/workspace.html
@@ -192,8 +192,6 @@
 .detail-section-title {
   font-size: 0.7rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   color: #6b7280;
   margin: 0 0 0.4rem 0;
 }
@@ -550,7 +548,7 @@
 
     // Strength score
     html += '<div class="detail-section">';
-    html += '<div class="detail-section-title">Strength Score</div>';
+    html += '<div class="detail-section-title">strength score</div>';
     html += '<div style="font-size:1.3em;font-weight:700;color:#111827;margin-bottom:0.3rem;">' + (strength.score || 0).toFixed(1) + '</div>';
     html += '<div class="detail-score-grid">';
     html += scoreItem('Co-occurrence', strength.co_occurrence);
@@ -565,7 +563,7 @@
     const connectedNames = Object.keys(networkEntities).sort((a, b) => networkEntities[b] - networkEntities[a]).slice(0, 15);
     if (connectedNames.length > 0) {
       html += '<div class="detail-section">';
-      html += '<div class="detail-section-title">Connected Entities</div>';
+      html += '<div class="detail-section-title">connected entities</div>';
       html += '<ul class="detail-connected-list">';
       for (const name of connectedNames) {
         html += '<li class="detail-connected-item">';
@@ -580,7 +578,7 @@
     const activity = (intel.activity || []).slice(0, 10);
     if (activity.length > 0) {
       html += '<div class="detail-section">';
-      html += '<div class="detail-section-title">Recent Activity</div>';
+      html += '<div class="detail-section-title">recent activity</div>';
       for (const a of activity) {
         html += '<div class="detail-activity-item">';
         html += '<span class="detail-activity-day">' + formatDay(a.day) + '</span>';
diff --git a/apps/health/workspace.html b/apps/health/workspace.html
index 463a85aca..a4e79620c 100644
--- a/apps/health/workspace.html
+++ b/apps/health/workspace.html
@@ -95,8 +95,6 @@
 .vitals-label {
   opacity: 0.8;
   font-size: 0.85em;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
 }
 
 .vitals-value {
@@ -430,8 +428,6 @@
 .activity-card-provider {
   font-size: 0.75em;
   color: #6b7280;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
 }
 
 .activity-card-progress {
@@ -591,8 +587,6 @@
 .info-label {
   font-size: 0.8em;
   color: #6b7280;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
 }
 
 .dream-progress {
@@ -765,7 +759,7 @@
     </div>
     <div class="vitals-content">
       <div class="vitals-section">
-        <div class="vitals-label">Services</div>
+        <div class="vitals-label">services</div>
         <div class="vitals-value">
           <div class="service-dots" id="serviceDots">
             <div class="service-dot">
@@ -776,29 +770,29 @@
         </div>
       </div>
       <div class="vitals-section">
-        <div class="vitals-label">Agents</div>
+        <div class="vitals-label">agents</div>
         <div class="vitals-value" id="agentsValue">
           <span>0 running</span>
         </div>
       </div>
       <div class="vitals-section">
-        <div class="vitals-label">Tasks</div>
+        <div class="vitals-label">tasks</div>
         <div class="vitals-value" id="tasksValue">
           <span>0 active</span>
         </div>
       </div>
       <div class="vitals-section">
-        <div class="vitals-label">Health</div>
+        <div class="vitals-label">health</div>
         <div class="vitals-value" id="healthValue">
           <span>Waiting for status...</span>
         </div>
       </div>
       <div class="vitals-section" id="queuesSection">
-        <div class="vitals-label">Queues</div>
+        <div class="vitals-label">queues</div>
         <div class="vitals-value" id="queuesValue"></div>
       </div>
       <div class="vitals-section" id="schedulesSection">
-        <div class="vitals-label">Schedules</div>
+        <div class="vitals-label">schedules</div>
         <div class="vitals-value" id="schedulesValue"></div>
       </div>
     </div>
@@ -1656,10 +1650,10 @@
 
     // Info fields
     elements.dreamInfo.innerHTML = renderInfoItems([
-      { label: 'Mode', value: d.mode ? escapeHtml(d.mode) : null },
-      { label: 'Day', value: d.day ? escapeHtml(d.day) : null },
-      { label: 'Facet', value: d.facet ? escapeHtml(d.facet) : null },
-      { label: 'Segment', value: d.segment ? escapeHtml(d.segment) : null },
+      { label: 'mode', value: d.mode ? escapeHtml(d.mode) : null },
+      { label: 'day', value: d.day ? escapeHtml(d.day) : null },
+      { label: 'facet', value: d.facet ? escapeHtml(d.facet) : null },
+      { label: 'segment', value: d.segment ? escapeHtml(d.segment) : null },
     ]);
 
     // Progress bars
@@ -1716,11 +1710,11 @@
     elements.syncCard.classList.remove('hidden');
 
     elements.syncInfo.innerHTML = renderInfoItems([
-      { label: 'Host', value: s.host ? escapeHtml(s.host) : null },
-      { label: 'Platform', value: s.platform ? escapeHtml(s.platform) : null },
-      { label: 'Queue', value: String(s.queue_size) },
-      { label: 'State', value: s.state ? escapeHtml(s.state) + (s.confirm_attempt ? ' (' + escapeHtml(s.confirm_attempt) + ')' : '') : null },
-      { label: 'Segment', value: s.segment ? escapeHtml(s.segment) : null },
+      { label: 'host', value: s.host ? escapeHtml(s.host) : null },
+      { label: 'platform', value: s.platform ? escapeHtml(s.platform) : null },
+      { label: 'queue', value: String(s.queue_size) },
+      { label: 'state', value: s.state ? escapeHtml(s.state) + (s.confirm_attempt ? ' (' + escapeHtml(s.confirm_attempt) + ')' : '') : null },
+      { label: 'segment', value: s.segment ? escapeHtml(s.segment) : null },
     ]);
     if (elements.trustIndicator) {
       if (s && s.host) {
diff --git a/apps/home/workspace.html b/apps/home/workspace.html
index bcb32aee5..158774cc6 100644
--- a/apps/home/workspace.html
+++ b/apps/home/workspace.html
@@ -64,8 +64,6 @@
 .pulse-section-header {
   font-size: 0.75rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
   color: #94a3b8;
   margin-bottom: 0.5rem;
 }
@@ -137,8 +135,6 @@
 .pulse-activities-label {
   font-size: 0.75rem;
   color: #94a3b8;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
   margin-bottom: 0.4rem;
 }
 
@@ -257,9 +253,7 @@
   font-size: 0.65rem;
   padding: 0.1rem 0.3rem;
   border-radius: 3px;
-  text-transform: uppercase;
   font-weight: 600;
-  letter-spacing: 0.3px;
 }
 
 .pulse-entity-type.person { background: #dbeafe; color: #1d4ed8; }
@@ -410,8 +404,6 @@
   background: none;
   border: none;
   padding: 0;
-  text-transform: uppercase;
-  letter-spacing: 0.3px;
 }
 .pulse-briefing-section-toggle::before {
   content: "▾";
@@ -477,7 +469,7 @@
   {% if briefing_exists or briefing_phase == 'pending' %}
   <div class="pulse-briefing-card" id="pulse-briefing" data-phase="{{ briefing_phase }}" data-collapsed="{{ 'false' if briefing_phase == 'morning' else 'true' }}">
     <div class="pulse-briefing-header" onclick="toggleBriefingCard()">
-      <div class="pulse-section-header" style="margin-bottom:0">Morning Briefing</div>
+      <div class="pulse-section-header" style="margin-bottom:0">morning briefing</div>
       {% if briefing_needs_badge %}
       <span class="pulse-briefing-badge">{{ briefing_needs_badge }}</span>
       {% endif %}
@@ -498,7 +490,7 @@
         {% if section_key == 'needs_attention' %}
           {% if briefing_needs_deduped or briefing_needs_badge %}
           <div class="pulse-briefing-section" data-section="needs_attention" data-collapsed="false">
-            <button class="pulse-briefing-section-toggle" onclick="toggleBriefingSection(this.parentElement); event.stopPropagation();">Needs Attention</button>
+            <button class="pulse-briefing-section-toggle" onclick="toggleBriefingSection(this.parentElement); event.stopPropagation();">needs attention</button>
             {% if briefing_needs_deduped %}
             <div class="pulse-briefing-section-body" data-section-key="needs_attention">
               <ul>
@@ -511,7 +503,7 @@
           </div>
           {% endif %}
         {% elif section_content %}
-          {% set section_labels = {'your_day': 'Your Day', 'yesterday': 'Yesterday', 'forward_look': 'Forward Look', 'reading': 'Reading'} %}
+          {% set section_labels = {'your_day': 'your day', 'yesterday': 'yesterday', 'forward_look': 'forward look', 'reading': 'reading'} %}
           <div class="pulse-briefing-section" data-section="{{ section_key }}" data-collapsed="false">
             <button class="pulse-briefing-section-toggle" onclick="toggleBriefingSection(this.parentElement); event.stopPropagation();">{{ section_labels[section_key] }}</button>
             <div class="pulse-briefing-section-body" data-section-key="{{ section_key }}"></div>
@@ -535,7 +527,7 @@
   </div>
   {% elif segment_count > 0 %}
   <div class="pulse-narrative" id="pulse-narrative">
-    <div class="pulse-section-header">{{ narrative_header or "Today's Flow" }}</div>
+    <div class="pulse-section-header">{{ narrative_header or "today's flow" }}</div>
     <div class="pulse-narrative-empty">Analysis will be available after the next processing cycle.</div>
   </div>
   {% endif %}
@@ -544,7 +536,7 @@
   {% set unseen_routines = routines|selectattr('seen', 'equalto', false)|list %}
   {% if unseen_routines %}
   <div class="pulse-routines" id="pulse-routines">
-    <div class="pulse-section-header">Your Routines</div>
+    <div class="pulse-section-header">your routines</div>
     <div class="pulse-routines-list">
       {% for routine in unseen_routines %}
       <div class="pulse-routine-item" data-conversation="Show me my {{ routine.name }} from today" data-routine-click="true">
@@ -565,7 +557,7 @@
   <!-- Today -->
   {% if events or activities %}
   <div class="pulse-today" id="pulse-today">
-    <div class="pulse-section-header">Today</div>
+    <div class="pulse-section-header">today</div>
     {% if events %}
     <div class="pulse-events">
       {% for event in events %}
@@ -578,7 +570,7 @@
     </div>
     {% endif %}
     {% if activities %}
-    <div class="pulse-activities-label">Recent Activity</div>
+    <div class="pulse-activities-label">recent activity</div>
     <div class="pulse-activities">
       {% for act in activities[:6] %}
       <div class="pulse-activity" data-conversation="Tell me about {{ act.get('description', act.get('activity', '')) }}">
@@ -601,7 +593,7 @@
   <!-- Needs You -->
   {% if attention or pulse_needs or todos %}
   <div class="pulse-needs" id="pulse-needs">
-    <div class="pulse-section-header">Needs You</div>
+    <div class="pulse-section-header">needs you</div>
     <div class="pulse-needs-list">
       {% if attention %}
       <div class="pulse-needs-item pulse-needs-attention" data-conversation="What happened with {{ attention.placeholder_text }}?">{{ attention.placeholder_text }}</div>
@@ -622,7 +614,7 @@
   <!-- Network Pulse -->
   {% if entities %}
   <div class="pulse-network" id="pulse-network">
-    <div class="pulse-section-header">Network Pulse</div>
+    <div class="pulse-section-header">network pulse</div>
     <div class="pulse-entities">
       {% for ent in entities %}
       <div class="pulse-entity" data-conversation="What do you know about {{ ent.get('name', '') }}?">
@@ -814,7 +806,7 @@
           if (container) container.remove();
           return;
         }
-        var html = '<div class="pulse-section-header">Your Routines</div><div class="pulse-routines-list">';
+        var html = '<div class="pulse-section-header">your routines</div><div class="pulse-routines-list">';
         routines.forEach(function(r) {
           var name = esc(r.name);
           html += '<div class="pulse-routine-item" data-conversation="Show me my ' + name + ' from today" data-routine-click="true"><span>';
diff --git a/apps/import/workspace.html b/apps/import/workspace.html
index 106080e72..37aa9b06b 100644
--- a/apps/import/workspace.html
+++ b/apps/import/workspace.html
@@ -89,8 +89,6 @@
   color: #0f4c81;
   font-size: 0.78rem;
   font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
   margin-bottom: 0.5rem;
 }
 
diff --git a/apps/search/workspace.html b/apps/search/workspace.html
index ddba3d0cd..7917b69b5 100644
--- a/apps/search/workspace.html
+++ b/apps/search/workspace.html
@@ -15,8 +15,6 @@
 .search-sidebar h3 {
   font-size: 0.7rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   color: #6b7280;
   margin: 0 0 0.5rem 0;
 }
@@ -304,7 +302,7 @@
     <!-- Sidebar -->
     <aside class="search-sidebar">
       <div class="filter-section" id="facet-filters">
-        <h3>Facets</h3>
+        <h3>facets</h3>
         <div class="filter-list" id="facet-list">
           <label class="filter-item active">
             <input type="radio" name="facet" value="" checked>
@@ -314,7 +312,7 @@
       </div>
 
       <div class="filter-section" id="agent-filters">
-        <h3>Agents</h3>
+        <h3>agents</h3>
         <div class="filter-list" id="agent-list">
           <!-- Populated dynamically -->
         </div>
diff --git a/apps/settings/workspace.html b/apps/settings/workspace.html
index 6091b3925..729699b28 100644
--- a/apps/settings/workspace.html
+++ b/apps/settings/workspace.html
@@ -28,8 +28,6 @@
 .settings-nav-label {
   font-size: 0.75em;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
   color: #888;
   padding: 0 0.75em;
   margin-bottom: 0.5em;
@@ -600,8 +598,6 @@ input:checked + .slider:before {
   font-size: 0.75em;
   color: #888;
   font-weight: 500;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
 }
 
 .log-row {
@@ -870,8 +866,6 @@ input:checked + .slider:before {
 .context-group-label {
   font-size: 0.75em;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
   color: #888;
   margin-bottom: 0.5em;
   padding-left: 0.25em;
@@ -1031,8 +1025,6 @@ input:checked + .slider:before {
 .importance-section-header {
   font-size: 0.8em;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
   margin-bottom: 0.5em;
   padding-left: 0.25em;
   display: flex;
@@ -1219,8 +1211,6 @@ input:checked + .slider:before {
 .insight-source-label {
   font-size: 0.7em;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
   color: #888;
   padding: 0.5em 0.5em 0.25em;
 }
@@ -1639,7 +1629,7 @@ input:checked + .slider:before {
   <!-- Desktop nav sidebar -->
   <nav class="settings-nav" id="settingsNav">
     <div class="settings-nav-group">
-      <div class="settings-nav-label">Journal</div>
+      <div class="settings-nav-label">journal</div>
       <button class="settings-nav-item active" data-section="profile">Profile</button>
       <button class="settings-nav-item" data-section="agent">Agent Identity</button>
       <button class="settings-nav-item" data-section="providers">Providers</button>
@@ -1654,7 +1644,7 @@ input:checked + .slider:before {
       <button class="settings-nav-item" data-section="support">Support</button>
     </div>
     <div class="settings-nav-group" id="facetNavGroup" style="display:none">
-      <div class="settings-nav-label" id="facetNavLabel">Facet</div>
+      <div class="settings-nav-label" id="facetNavLabel">facet</div>
       <button class="settings-nav-item" data-section="facet-appearance">Appearance</button>
       <button class="settings-nav-item" data-section="facet-activities">Activities</button>
       <button class="settings-nav-item" data-section="facet-activity">Activity Log</button>
@@ -3222,11 +3212,11 @@ function formatLogDay(day) {
   yesterday.setDate(yesterday.getDate() - 1);
   const yesterdayStr = yesterday.toISOString().slice(0,10).replace(/-/g,'');
 
-  if (day === todayStr) return 'Today';
-  if (day === yesterdayStr) return 'Yesterday';
+  if (day === todayStr) return 'today';
+  if (day === yesterdayStr) return 'yesterday';
 
   const d = new Date(day.slice(0,4) + '-' + day.slice(4,6) + '-' + day.slice(6,8));
-  return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
+  return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }).toLowerCase();
 }
 
 document.getElementById('logMoreBtn').onclick = () => {
@@ -4040,7 +4030,7 @@ function populateVision(data) {
 }
 
 const IMPORTANCE_LEVELS = ['high', 'normal', 'low', 'ignore'];
-const IMPORTANCE_LABELS = { high: 'High Priority', normal: 'Normal', low: 'Low Priority', ignore: 'Ignored' };
+const IMPORTANCE_LABELS = { high: 'high priority', normal: 'normal', low: 'low priority', ignore: 'ignored' };
 
 function renderVisionCategories(data) {
   const container = document.getElementById('visionCategoryGroups');
@@ -4507,7 +4497,7 @@ function renderInsightsList(insights) {
   // Group by source
   const groups = {};
   for (const insight of insights) {
-    const source = insight.source === 'system' ? 'System' : (insight.app || 'App');
+    const source = insight.source === 'system' ? 'system' : (insight.app || 'app');
     if (!groups[source]) groups[source] = [];
     groups[source].push(insight);
   }
diff --git a/apps/stats/dashboard.js b/apps/stats/dashboard.js
index 786c73158..2317c37ae 100644
--- a/apps/stats/dashboard.js
+++ b/apps/stats/dashboard.js
@@ -492,11 +492,11 @@ const Dashboard = (function() {
     // Render stats cards
     const statsGrid = document.getElementById('statsGrid');
     statsGrid.innerHTML = ''; // Clear existing content
-    statsGrid.appendChild(statCard('Total Days', totalDays, 'days recorded'));
-    statsGrid.appendChild(statCard('Audio Hours', totalAudioHours, 'hours'));
-    statsGrid.appendChild(statCard('Screen Hours', totalScreenHours, 'hours'));
-    statsGrid.appendChild(statCard('Total Tokens', fmtTokens(totalTokens), 'tokens'));
-    statsGrid.appendChild(statCard('Disk Usage', fmtBytes(totals.day_bytes || 0), 'journal days'));
+    statsGrid.appendChild(statCard('total days', totalDays, 'days recorded'));
+    statsGrid.appendChild(statCard('audio hours', totalAudioHours, 'hours'));
+    statsGrid.appendChild(statCard('screen hours', totalScreenHours, 'hours'));
+    statsGrid.appendChild(statCard('total tokens', fmtTokens(totalTokens), 'tokens'));
+    statsGrid.appendChild(statCard('disk usage', fmtBytes(totals.day_bytes || 0), 'journal days'));
     
     // Render progress cards
     const progressSection = document.getElementById('progressSection');
@@ -591,8 +591,8 @@ const Dashboard = (function() {
 
       const repairGrid = alert.querySelector('#repairGrid');
       const repairLabels = {
-        pending_segments: 'Pending Segments',
-        outputs_pending: 'Agent Outputs'
+        pending_segments: 'pending segments',
+        outputs_pending: 'agent outputs'
       };
 
       repairs.forEach(key => {
diff --git a/apps/stats/workspace.html b/apps/stats/workspace.html
index e9132fe62..6b2ffc218 100644
--- a/apps/stats/workspace.html
+++ b/apps/stats/workspace.html
@@ -81,8 +81,6 @@ h1 {
   font-size: 0.9em;
   color: #666;
   margin: 0 0 0.5em 0;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
 }
 
 .stat-value {
diff --git a/apps/support/workspace.html b/apps/support/workspace.html
index a82c2ca48..43f6af289 100644
--- a/apps/support/workspace.html
+++ b/apps/support/workspace.html
@@ -48,7 +48,6 @@
     padding: 0.15rem 0.5rem;
     border-radius: 4px;
     font-weight: 600;
-    text-transform: uppercase;
   }
   .support-status-open { background: #e3f2fd; color: #1565c0; }
   .support-status-in-progress { background: #fff3e0; color: #e65100; }
diff --git a/apps/todos/workspace.html b/apps/todos/workspace.html
index 4e2dcf935..33960cb24 100644
--- a/apps/todos/workspace.html
+++ b/apps/todos/workspace.html
@@ -30,8 +30,6 @@
 .facet-title {
   font-size: 0.875rem;
   font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
   margin: 0;
   color: #374151;
 }
diff --git a/convey/root.py b/convey/root.py
index c220666fd..7988116b2 100644
--- a/convey/root.py
+++ b/convey/root.py
@@ -115,7 +115,7 @@ def login() -> Any:
             session["logged_in"] = True
             session.permanent = True
             return redirect(url_for("root.index"))
-        error = "Invalid password"
+        error = "incorrect password. passwords are case-sensitive. if you've forgotten it, you can reset via sol password set on the command line."
     return render_template("login.html", error=error, no_password=False)
 
 
diff --git a/convey/static/app.css b/convey/static/app.css
index 9a797995e..9b4559728 100644
--- a/convey/static/app.css
+++ b/convey/static/app.css
@@ -329,26 +329,42 @@ body:has(.status-pane.visible) .facet-bar::after {
   justify-content: flex-end;
 }
 
-/* Today button - hidden until hover over it */
+/* Today button - always visible, de-emphasized when viewing today */
 .date-nav-today {
   background: none;
   border: none;
   padding: 4px 12px;
   cursor: pointer;
   font-size: 14px;
-  font-weight: 600;
-  color: #6b7280;
+  font-weight: 500;
+  color: #9ca3af;
   border-radius: 4px;
-  opacity: 0;
-  transition: background 0.15s, color 0.15s, opacity 0.15s;
+  transition: background 0.15s, color 0.15s, font-weight 0.15s;
 }
 
 .date-nav-today:hover {
-  opacity: 1;
   background: rgba(0, 0, 0, 0.05);
   color: #111827;
 }
 
+.date-nav-today:focus-visible {
+  outline: 2px solid #E8923A;
+  outline-offset: 2px;
+  background: rgba(0, 0, 0, 0.05);
+  color: #111827;
+}
+
+/* Prominent state when viewing a different day */
+.date-nav-today.is-other-day {
+  color: #111827;
+  background: rgba(0, 0, 0, 0.05);
+  font-weight: 600;
+}
+
+.date-nav-today.is-other-day:hover {
+  background: rgba(0, 0, 0, 0.08);
+}
+
 .date-nav-label {
   text-align: center;
   color: inherit;
diff --git a/convey/static/app.js b/convey/static/app.js
index ee7e378da..67cbe6e85 100644
--- a/convey/static/app.js
+++ b/convey/static/app.js
@@ -828,16 +828,16 @@
     modal.className = 'facet-create-modal';
     modal.innerHTML = `
       <div class="facet-create-content">
-        <h3>Create New Facet</h3>
+        <h3>create new facet</h3>
         <div class="facet-create-field">
-          <label for="facetCreateTitle">Title</label>
+          <label for="facetCreateTitle">title</label>
           <input type="text" id="facetCreateTitle" placeholder="e.g., Work Projects" autofocus>
           <div class="facet-create-slug" id="facetCreateSlug"></div>
           <div class="facet-create-error" id="facetCreateError"></div>
         </div>
         <div class="facet-create-buttons">
-          <button class="facet-create-cancel" id="facetCreateCancel">Cancel</button>
-          <button class="facet-create-submit" id="facetCreateSubmit" disabled>Create</button>
+          <button class="facet-create-cancel" id="facetCreateCancel">cancel</button>
+          <button class="facet-create-submit" id="facetCreateSubmit" disabled>create</button>
         </div>
       </div>
     `;
@@ -936,7 +936,7 @@
     if (!title) return;
 
     submitBtn.disabled = true;
-    submitBtn.textContent = 'Creating...';
+    submitBtn.textContent = 'creating...';
 
     try {
       const response = await fetch('/app/settings/api/facet', {
@@ -979,7 +979,7 @@
       errorDisplay.textContent = error.message;
       errorDisplay.classList.add('visible');
       submitBtn.disabled = false;
-      submitBtn.textContent = 'Create';
+      submitBtn.textContent = 'create';
     }
   }
 
diff --git a/convey/templates/date_nav.html b/convey/templates/date_nav.html
index fe87bd176..e0d9451f1 100644
--- a/convey/templates/date_nav.html
+++ b/convey/templates/date_nav.html
@@ -7,7 +7,7 @@
   </div>
   <span class="date-nav-label" id="date-nav-label" title="Open month picker">{{ day|format_date_short }}</span>
   <div class="date-nav-right">
-    <button class="date-nav-today" id="date-nav-today" title="Jump to Today (T)">T</button>
+    <button class="date-nav-today" id="date-nav-today" title="jump to today (t)" aria-label="go to today">T</button>
     <button class="date-nav-arrow" id="date-nav-next" title="Next (→)">›</button>
   </div>
   <div class="month-picker"></div>
@@ -68,6 +68,12 @@
     allowFutureDates: {{ app_registry.apps[app].allow_future_dates|tojson }}
   });
 
+  // Toggle today button emphasis based on current day
+  const todayBtn = document.getElementById('date-nav-today');
+  if (currentDay !== MonthPicker.getToday()) {
+    todayBtn.classList.add('is-other-day');
+  }
+
   // Click label to toggle month picker
   document.getElementById('date-nav-label').addEventListener('click', () => {
     MonthPicker.toggle();
diff --git a/convey/templates/login.html b/convey/templates/login.html
index 0fe2c4bdf..bd08782bb 100644
--- a/convey/templates/login.html
+++ b/convey/templates/login.html
@@ -34,17 +34,18 @@
     </svg>
     <h1 style="font-size: 1.5em; margin: 0.83em 0;">sign in to solstone</h1>
     {% if error %}
-      <div style="color:red;margin:1em 0;text-align:left;">
+      <div style="color:red;margin:1em 0;text-align:left;" role="alert">
         <p>{{ error }}</p>
       </div>
     {% endif %}
     {% if not no_password %}
       <form method="post">
-        <input type="password" name="password" placeholder="password" style="width: 100%; padding: 10px 12px; border: 2px solid #ddd; border-radius: 8px; font-size: 0.95rem; box-sizing: border-box;" autofocus>
+        <label for="password" style="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);">password</label>
+        <input type="password" id="password" name="password" placeholder="password" style="width: 100%; padding: 10px 12px; border: 2px solid #ddd; border-radius: 8px; font-size: 0.95rem; box-sizing: border-box;" autofocus>
         <button type="submit" style="width: 100%; background: #E8923A; color: #fff; border: none; border-radius: 8px; padding: 10px 12px; min-height: 44px; cursor: pointer; font-size: 0.95rem; margin-top: 0.75rem;">sign in</button>
       </form>
     {% endif %}
-    <p style="font-size: 0.8rem; color: #aaa; margin-top: 1.5rem;">your data stays on your machine</p>
+    <p style="font-size: 0.875rem; font-weight: 500; color: #595959; margin-top: 1.5rem;">your data stays on your machine</p>
   </div>
 </body>
 </html>
diff --git a/tests/test_password.py b/tests/test_password.py
index ee1857f5b..b9b7dbb47 100644
--- a/tests/test_password.py
+++ b/tests/test_password.py
@@ -34,7 +34,7 @@ class TestLogin:
     def test_wrong_password(self, client):
         resp = client.post("/login", data={"password": "wrong"})
         assert resp.status_code == 200
-        assert b"Invalid password" in resp.data
+        assert b"incorrect password. passwords are case-sensitive." in resp.data
 
     def test_no_password_configured(self, journal_copy):
         config = _read_config(journal_copy)
-- 
2.51.2