Add review prompt and convert sync times to local timezone

- Show review prompt to paid users after 7 days of use
- Submit reviews to API, with dismiss option
- Convert UTC sync timestamps to browser local timezone automatically

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: DAdjadj

app/db.py

@@ -168,6 +168,14 @@ def update_bank_account_field(account_id: int, field: str, value: str):
         conn.execute(f"UPDATE bank_accounts SET {field} = ? WHERE id = ?", (value, account_id))
         conn.commit()
 
+def get_first_sync_date() -> str:
+    with _conn() as conn:
+        _ensure_tables(conn)
+        row = conn.execute(
+            "SELECT ran_at FROM sync_log ORDER BY id ASC LIMIT 1"
+        ).fetchone()
+        return row["ran_at"] if row else ""
+
 def remove_bank_account(account_id: int):
     with _conn() as conn:
         _ensure_tables(conn)

app/web/server.py

@@ -594,6 +594,19 @@ def status():
     ]
     fun_message = random.choice(fun_messages)
 
+    # Review prompt logic
+    show_review_prompt = False
+    if not act_info.get("is_trial", False) and not db.get_setting("review_dismissed") and not db.get_setting("review_submitted"):
+        first_sync = db.get_first_sync_date()
+        if first_sync:
+            try:
+                from datetime import datetime
+                first_dt = datetime.fromisoformat(first_sync)
+                if (datetime.now() - first_dt).days >= 7:
+                    show_review_prompt = True
+            except Exception:
+                pass
+
     return render_template("status.html",
         syncs=syncs,
         all_accounts=all_accounts,
@@ -616,6 +629,8 @@ def status():
         total_tx=total_tx,
         streak=streak,
         fun_message=fun_message,
+        show_review_prompt=show_review_prompt,
+        license_key=config.LICENCE_KEY,
     )
 
 # ---------------------------------------------------------------------------
@@ -658,6 +673,42 @@ def _run():
 def sync_status():
     return jsonify({"running": _sync_running})
 
+# ---------------------------------------------------------------------------
+# Review
+# ---------------------------------------------------------------------------
+
+@app.route("/review/dismiss", methods=["POST"])
+def review_dismiss():
+    db.set_setting("review_dismissed", "1")
+    return redirect(url_for("status"))
+
+@app.route("/review/submit", methods=["POST"])
+def review_submit():
+    import requests as _requests
+    rating = request.form.get("rating", "").strip()
+    review_text = request.form.get("review", "").strip()
+    name = request.form.get("name", "").strip()
+    key = config.LICENCE_KEY
+    if not rating or not review_text or not key:
+        return redirect(url_for("status"))
+    try:
+        resp = _requests.post("https://api.bridgebank.app/review", json={
+            "license_key": key,
+            "name": name or None,
+            "rating": int(rating),
+            "review": review_text,
+        }, timeout=10)
+        if resp.status_code in (200, 201):
+            db.set_setting("review_submitted", "1")
+        else:
+            logger.warning("Review submit failed: %s %s", resp.status_code, resp.text)
+            # Still mark as submitted to avoid nagging on API errors
+            db.set_setting("review_submitted", "1")
+    except Exception as e:
+        logger.error("Review submit error: %s", e)
+        db.set_setting("review_submitted", "1")
+    return redirect(url_for("status"))
+
 
 # ---------------------------------------------------------------------------
 # Disconnect

app/web/templates/status.html

@@ -27,6 +27,61 @@
   <div class="alert alert-warn">A bank connection expires in {{ days_left }} day{{ 's' if days_left != 1 else '' }}. <a href="/connect" style="color:inherit;font-weight:600;">Manage banks &rarr;</a></div>
 {% endif %}
 
+{% if show_review_prompt %}
+<div class="card" style="border-color:#3b82f6; border-width:1px;">
+  <div class="card-title" style="margin-bottom:0.25rem;">How's Bridge Bank working for you?</div>
+  <div class="card-sub" style="margin-bottom:1rem;">Your feedback helps other users find Bridge Bank.</div>
+  <form method="POST" action="/review/submit" id="review-form">
+    <div style="margin-bottom:1rem;">
+      <div id="star-rating" style="display:flex;gap:4px;font-size:28px;cursor:pointer;user-select:none;">
+        <span class="review-star" data-val="1">&#9734;</span>
+        <span class="review-star" data-val="2">&#9734;</span>
+        <span class="review-star" data-val="3">&#9734;</span>
+        <span class="review-star" data-val="4">&#9734;</span>
+        <span class="review-star" data-val="5">&#9734;</span>
+      </div>
+      <input type="hidden" name="rating" id="review-rating" value="" required>
+    </div>
+    <textarea name="review" placeholder="What do you like about Bridge Bank? Anything we could improve?" rows="3" required style="width:100%;box-sizing:border-box;background:#1a2235;border:1px solid #1e2a40;border-radius:8px;color:#e2e8f0;padding:0.75rem;font-size:13px;font-family:inherit;resize:vertical;margin-bottom:0.75rem;"></textarea>
+    <input type="text" name="name" placeholder="Your name (optional)" style="width:100%;box-sizing:border-box;background:#1a2235;border:1px solid #1e2a40;border-radius:8px;color:#e2e8f0;padding:0.75rem;font-size:13px;font-family:inherit;margin-bottom:1rem;">
+    <div style="display:flex;align-items:center;gap:1rem;">
+      <button type="submit" class="btn" id="review-submit-btn" disabled style="background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;opacity:0.5;">Submit review</button>
+      <a href="/review/dismiss" onclick="event.preventDefault();fetch('/review/dismiss',{method:'POST'}).then(()=>location.reload());" style="font-size:13px;color:#64748b;text-decoration:none;">Maybe later</a>
+    </div>
+  </form>
+</div>
+<script>
+(function() {
+  var stars = document.querySelectorAll('.review-star');
+  var ratingInput = document.getElementById('review-rating');
+  var submitBtn = document.getElementById('review-submit-btn');
+  var currentRating = 0;
+  function setStars(n, hover) {
+    stars.forEach(function(s, i) {
+      s.innerHTML = (i < n) ? '&#9733;' : '&#9734;';
+      s.style.color = (i < n) ? '#f59e0b' : '#4a5568';
+    });
+  }
+  stars.forEach(function(star) {
+    star.addEventListener('click', function() {
+      currentRating = parseInt(this.dataset.val);
+      ratingInput.value = currentRating;
+      setStars(currentRating, false);
+      submitBtn.disabled = false;
+      submitBtn.style.opacity = '1';
+    });
+    star.addEventListener('mouseenter', function() {
+      setStars(parseInt(this.dataset.val), true);
+    });
+    star.addEventListener('mouseleave', function() {
+      setStars(currentRating, false);
+    });
+  });
+  setStars(0, false);
+})();
+</script>
+{% endif %}
+
 <div class="card">
   <div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:1.5rem;">
     <div>
@@ -37,7 +92,7 @@
   </div>
   <div class="stat-row">
     <span class="stat-label">Last sync</span>
-    <span class="stat-value">{{ last_sync or 'Never' }}</span>
+    <span class="stat-value utc-time">{{ last_sync or 'Never' }}</span>
   </div>
   <div class="stat-row"><span class="stat-label">Notifications</span><span class="stat-value">{{ notify_email or 'Disabled' }}</span></div>
   {% if total_tx >= 0 %}
@@ -112,7 +167,7 @@
       <tbody>
         {% for s in syncs %}
         <tr>
-          <td>{{ s.ran_at }}</td>
+          <td class="utc-time">{{ s.ran_at }}</td>
           <td><span class="badge {% if s.status == 'success' %}badge-success{% else %}badge-fail{% endif %}">{{ s.status }}</span></td>
           <td>{{ s.tx_count }}</td>
           <td style="max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="{{ s.message }}">{{ s.message or '—' }}</td>
@@ -245,5 +300,12 @@
     btn.disabled = false;
   }
 }
+document.querySelectorAll('.utc-time').forEach(function(el) {
+  var raw = el.textContent.trim();
+  if (!raw || raw === 'Never') return;
+  var d = new Date(raw + 'Z');
+  if (isNaN(d)) return;
+  el.textContent = d.toLocaleString(undefined, {year:'numeric',month:'short',day:'numeric',hour:'2-digit',minute:'2-digit'});
+});
 </script>
 {% endblock %}