Hugging Face's logo

Spaces:
Nakvi
/
focusTrack
Runtime error

App Files Community
focusTrack
File size: 4,237 Bytes
9ffd375
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
"""
FocusTrack - Streamlit Dashboard Entry Point
Run with: streamlit run app.py
"""

import sys
from pathlib import Path
sys.path.insert(0, str(Path(__file__).parent))

import streamlit as st
from ui_utils import DARK_CSS, LIGHT_CSS, get_db

# ─── Page Config (must be first Streamlit call) ───────────────────────────────
st.set_page_config(
    page_title="FocusTrack",
    page_icon="🎯",
    layout="wide",
    initial_sidebar_state="expanded",
)

# ─── Theme ────────────────────────────────────────────────────────────────────
db = get_db()
theme = db.get_setting("theme", "dark")
st.markdown(DARK_CSS if theme == "dark" else LIGHT_CSS, unsafe_allow_html=True)

# ─── Sidebar ──────────────────────────────────────────────────────────────────
with st.sidebar:
    # Logo
    st.markdown("""
    <div style="padding: 1rem 0 1.5rem; border-bottom: 1px solid #2a2a3a; margin-bottom: 1rem;">
        <div style="display:flex; align-items:center; gap:10px;">
            <div style="
                width:36px; height:36px; border-radius:10px;
                background: linear-gradient(135deg, #6366f1, #22d3ee);
                display:flex; align-items:center; justify-content:center;
                font-size:1.1rem; box-shadow: 0 4px 12px #6366f144;
            ">🎯</div>
            <div>
                <div style="font-family:'Syne',sans-serif; font-weight:800; font-size:1.1rem; color:#f0f0ff; letter-spacing:-0.02em;">FocusTrack</div>
                <div style="font-size:0.68rem; color:#5a5a7a; letter-spacing:0.08em; text-transform:uppercase;">Productivity Tracker</div>
            </div>
        </div>
    </div>
    """, unsafe_allow_html=True)

    # Navigation
    nav_items = {
        "🏠  Live Dashboard": "dashboard",
        "📊  Analytics":      "analytics",
        "📋  Activity Log":   "activity_log",
        "⚙️  Settings":       "settings",
    }

    if "page" not in st.session_state:
        st.session_state.page = "dashboard"

    for label, key in nav_items.items():
        is_active = st.session_state.page == key
        if st.button(
            label,
            key=f"nav_{key}",
            use_container_width=True,
        ):
            st.session_state.page = key
            st.rerun()

    # Tracker status badge
    st.markdown("<div style='margin-top:1rem; border-top:1px solid #2a2a3a; padding-top:1rem;'></div>",
                unsafe_allow_html=True)

    tracker_status = db.get_setting("tracker_running", "true")
    status_map = {
        "true":   ("● Tracking",  "#10b981"),
        "paused": ("● Paused",    "#f59e0b"),
        "false":  ("● Stopped",   "#f43f5e"),
    }
    s_label, s_color = status_map.get(tracker_status, ("● Unknown", "#6366f1"))
    st.markdown(
        f"<div style='font-size:0.78rem; font-weight:600; color:{s_color}; "
        f"padding:6px 12px; background:{s_color}11; border-radius:8px; "
        f"border:1px solid {s_color}33; text-align:center;'>{s_label}</div>",
        unsafe_allow_html=True,
    )

    # Privacy badge in sidebar
    st.markdown("""
    <div style="margin-top:auto; padding-top:2rem; font-size:0.7rem; color:#5a5a7a; text-align:center; line-height:1.5;">
        🔒 100% private<br>All data stays on your device
    </div>
    """, unsafe_allow_html=True)

# ─── Main Content ─────────────────────────────────────────────────────────────
page = st.session_state.get("page", "dashboard")

if page == "dashboard":
    from ui_pages.dashboard import render
    render()
elif page == "analytics":
    from ui_pages.analytics import render
    render()
elif page == "activity_log":
    from ui_pages.activity_log import render
    render()
elif page == "settings":
    from ui_pages.settings import render
    render()