hr_lite 0.30.0 → 0.35.0

data/app/views/hr_lite/admin/work_time/index.html.erb

@@ -0,0 +1,42 @@
+<% content_for(:page_title) { "Work time" } %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Work time<%= " — #{@names[@person.id]}" if @person %></h1>
+  <% if @person %>
+    <div class="hrl-page__actions">
+      <a class="hrl-btn" href="<%= hr_lite.admin_work_modes_path(date: @period.to, user_id: @person.id, anchor: "timeline") %>">Day timeline</a>
+    </div>
+  <% end %>
+</div>
+
+<section class="hrl-card">
+  <%= form_with url: hr_lite.admin_work_time_path, method: :get, local: true, class: "hrl-row" do %>
+    <input type="hidden" name="period" value="<%= @period.kind %>">
+    <input type="hidden" name="date" value="<%= @period.from %>">
+    <% if @period.kind == "custom" %><input type="hidden" name="from" value="<%= @period.from %>"><input type="hidden" name="to" value="<%= @period.to %>"><% end %>
+    <div class="hrl-field"><label for="wt-user">Employee</label>
+      <%= select_tag :user_id, options_for_select(@employees.map { |u| [ @names[u.id], u.id ] }, @person&.id), include_blank: "Everyone (totals only)", id: "wt-user", data: { hrl_filter: ("Type a name to filter" if @employees.size > 5) } %></div>
+    <% if @departments.any? %>
+      <div class="hrl-field"><label for="wt-dept">Department</label><%= select_tag :department, options_for_select(@departments, params[:department]), include_blank: "All", id: "wt-dept" %></div>
+    <% end %>
+    <div class="hrl-form-actions"><button type="submit" class="hrl-btn hrl-btn--primary">Show</button></div>
+  <% end %>
+  <p class="hrl-small hrl-muted"><%= @person ? "Opening one person's work time is recorded in the audit trail." : "Totals across #{pluralize(@employees.size, 'person')}; pick someone for their own breakdown." %></p>
+</section>
+
+<% if @period_error %><div class="hrl-errors" role="alert"><%= @period_error %></div><% end %>
+
+<% keep = { user_id: @person&.id, department: params[:department] }.compact %>
+<%= render "hr_lite/work_time/report", result: @result, period: @period, records: @records, keep: keep,
+           names: (@names if @person), timeline: @person.present?, path: ->(p) { hr_lite.admin_work_time_path(keep.merge(p)) } %>
+
+<% if @result.gaps.any? %>
+  <section class="hrl-card">
+    <h2 class="hrl-card__title">Worth a look</h2>
+    <% @result.gaps.sort_by { |_, date, _| date }.first(200).each do |user_id, date, reason| %>
+      <div class="hrl-feed__item hrl-row hrl-small"><div class="hrl-feed__body"><strong><%= @names[user_id] %></strong> · <%= date.strftime("%a %-d %b") %> · <%= reason %></div>
+        <a class="hrl-btn" href="<%= hr_lite.admin_attendance_path(user_id, month: date.strftime("%Y-%m"), date: date, anchor: "regularize") %>">Open day</a></div>
+    <% end %>
+  </section>
+<% end %>
+
+<% content_for :scripts do %><%= javascript_include_tag "hr_lite/chart_tip", defer: true %><% end %>

data/app/views/hr_lite/attendance/_calendar_connection.html.erb

@@ -0,0 +1,15 @@
+<%# One-click link to the person's own calendar (config.calendar_connection). %>
+<% link = HrLite.config.calendar_connection&.call(hr_current_user) %>
+<% if link %>
+  <div class="hrl-row hrl-small">
+    <% if link[:connected] %>
+      <span class="hrl-badge hrl-badge--ok">Calendar connected</span>
+      <span class="hrl-muted"><%= link[:label] %> · meetings set your status by themselves</span>
+      <%= button_to "Disconnect", link[:disconnect_url], method: :delete, class: "hrl-btn",
+                    form: { data: { turbo_confirm: "Stop reading your calendar?" } } %>
+    <% else %>
+      <a class="hrl-btn hrl-btn--block" href="<%= link[:connect_url] %>">Connect Google Calendar</a>
+      <span class="hrl-muted">One tap: meetings on your calendar then set your status to Meeting by themselves.</span>
+    <% end %>
+  </div>
+<% end %>

data/app/views/hr_lite/attendance/_crm_picker.html.erb

@@ -0,0 +1,9 @@
+<%# A lead from the CRM, searched as you type (config.crm_search). Optional. %>
+<% if HrLite.config.crm_search %>
+  <div class="hrl-field" data-hrl-crm="<%= hr_lite.crm_search_work_mode_path %>">
+    <label for="<%= id %>-q">Link a lead (optional)</label>
+    <input type="search" class="hrl-input" id="<%= id %>-q" placeholder="Type a name or phone" autocomplete="off">
+    <label class="hrl-sr-only" for="<%= id %>">Lead</label>
+    <select name="crm_ref" id="<%= id %>"><option value="">No lead</option></select>
+  </div>
+<% end %>

data/app/views/hr_lite/attendance/_custom_status.html.erb

@@ -0,0 +1,26 @@
+<%# The person's own status (text + emoji), Slack-style. Independent of check-in. %>
+<% custom = status.custom
+   picks = %w[🏠 🏢 ✈️ 🚗 🚆 🏖️ 🤒 🤧 🩺 🍽️ ☕ 🎧 🎯 💻 📞 📅 🗓️ 🤝 💼 📍 🧳 🏔️ 🌴 🏕️ 📝 📊 🔒 🚫 ⏳ 🔕 🎉 🙏 👶 👨‍👩‍👧 🏥 📚 🎤 🛠️ 🌙 🌧️] %>
+<% if custom %>
+  <div class="hrl-row hrl-row--mb hrl-small">
+    <span class="hrl-custom-status"><% if custom.emoji %><span aria-hidden="true"><%= custom.emoji %></span> <% end %><%= custom.title || "Status" %></span>
+    <% if custom.ends_at %><span class="hrl-muted">until <%= custom.ends_at.strftime(custom.ends_at.to_date == Date.current ? "%H:%M" : "%-d %b %H:%M") %></span><% end %>
+    <%= button_to "Clear status", hr_lite.clear_status_work_mode_path, method: :post, class: "hrl-btn" %>
+  </div>
+<% end %>
+<details>
+  <summary class="hrl-btn hrl-btn--block"><%= custom ? "Change my status" : "Set a status" %></summary>
+  <%= form_with url: hr_lite.status_work_mode_path, method: :post, local: true, data: { "hrl-emoji-form": true } do %>
+    <div class="hrl-field"><label for="st-emoji">Emoji</label>
+      <input class="hrl-input" id="st-emoji" name="emoji" maxlength="16" value="<%= custom&.emoji %>" placeholder="Pick or type one" autocomplete="off">
+      <div class="hrl-emoji-grid" role="group" aria-label="Pick an emoji">
+        <% picks.each do |e| %><button type="button" class="hrl-emoji" data-hrl-emoji="<%= e %>" aria-label="Use <%= e %>"><%= e %></button><% end %>
+      </div>
+    </div>
+    <div class="hrl-field"><label for="st-text">What's your status?</label>
+      <input class="hrl-input" id="st-text" name="text" maxlength="100" value="<%= custom&.title %>" placeholder="e.g. Visiting the Ladakh camp"></div>
+    <div class="hrl-field"><label for="st-clear">Clear after</label>
+      <%= select_tag :clear_after, options_for_select([ [ "30 minutes", "30" ], [ "1 hour", "60" ], [ "4 hours", "240" ], [ "Today", "today" ], [ "Don't clear", "never" ] ], "today"), id: "st-clear" %></div>
+    <button type="submit" class="hrl-btn hrl-btn--primary">Save status</button>
+  <% end %>
+</details>

data/app/views/hr_lite/attendance/_punch_card.html.erb

@@ -18,6 +18,9 @@
     <% if record&.check_out_at %>
       <span class="hrl-badge hrl-badge--muted">Out <%= record.check_out_at.strftime("%H:%M") %></span>
     <% end %>
+    <% if record&.work_mode_label %>
+      <span class="hrl-badge hrl-badge--ok"><%= record.work_mode_label %></span>
+    <% end %>
     <% if record&.flagged? %>
       <span class="hrl-badge hrl-badge--bad">Flagged</span>
     <% end %>
@@ -31,6 +34,9 @@
   <% if HrLite.config.attendance_slots %>
     <%= render "hr_lite/attendance/slot", record: record %>
   <% end %>
+  <% if HrLite.config.office_geofence %>
+    <%= render "hr_lite/attendance/work_mode", record: record %>
+  <% end %>
   <% if record&.flagged? %>
     <p class="hrl-small">Flagged: <%= record.flag_note %></p>
   <% end %>
@@ -50,6 +56,18 @@
                   html: { data: { "hrl-geo-punch": true, "hrl-geo-required": HrLite.config.require_punch_location.presence } } do %>
       <input type="hidden" name="lat"><input type="hidden" name="lng">
       <input type="hidden" name="accuracy_m"><input type="hidden" name="geo_status">
+      <% if HrLite.config.office_geofence && HrLite::EmployeeProfile.where(user_id: hr_current_user.id).pick(:field_staff) %>
+        <details>
+          <summary class="hrl-btn hrl-btn--block">Checking in from the field?</summary>
+          <fieldset class="hrl-field">
+            <legend class="hrl-small">Where are you?</legend>
+            <label class="hrl-field--check"><input type="radio" name="field[mode]" value="travelling"> Travelling</label>
+            <label class="hrl-field--check"><input type="radio" name="field[mode]" value="outside_meeting"> Client meeting</label>
+          </fieldset>
+          <div class="hrl-field"><label for="field-purpose">Purpose</label><input type="text" class="hrl-input" id="field-purpose" name="field[purpose]" maxlength="120"></div>
+          <div class="hrl-field"><label for="field-place">Destination or client</label><input type="text" class="hrl-input" id="field-place" name="field[place]" maxlength="120"></div>
+        </details>
+      <% end %>
       <button type="submit" class="hrl-btn hrl-btn--primary hrl-btn--big hrl-btn--block">Check in</button>
       <p class="hrl-small hrl-muted" data-hrl-geo-status role="status" aria-live="polite"></p>
     <% end %>
@@ -74,6 +92,11 @@
   <% end %>
 
   <a class="hrl-card__link" href="<%= hr_lite.attendance_path %>">View my month</a>
+  <% if HrLite.config.office_geofence %>
+    · <a class="hrl-card__link" href="<%= hr_lite.wfh_requests_path %>">Work from home</a>
+    · <a class="hrl-card__link" href="<%= hr_lite.work_locations_path %>">WFH locations</a>
+    · <a class="hrl-card__link" href="<%= hr_lite.work_time_path %>">My work time</a>
+  <% end %>
 
   <% if local_assigns.key?(:attention) %>
     <div class="hrl-row">

data/app/views/hr_lite/attendance/_work_mode.html.erb

@@ -0,0 +1,92 @@
+<%# locals: record (today's AttendanceRecord or nil) %>
+<% status = HrLite::WorkStatus.for(hr_current_user.id)
+   working = record&.check_in_at && !record.check_out_at
+   timed = status.overlay&.until || (status.primary.until if status.primary.until.respond_to?(:hour)) %>
+<div class="hrl-row hrl-row--mb hrl-small" role="status">
+  <span class="hrl-modes"><%= hrl_status_icons(status) %></span>
+  <span><strong><%= status.primary.label %></strong><% if status.overlay %> · <%= status.overlay.label %><% end %></span>
+  <% if status.primary.source == "system" && !status.overlay %><span class="hrl-muted">(automatic)</span><% end %>
+  <% if timed %>
+    <span class="hrl-muted">until <%= timed.strftime("%H:%M") %> ·
+      <span data-hrl-countdown="<%= timed.iso8601 %>"><%= hrl_duration([ timed - Time.current, 0 ].max) %> left</span></span>
+  <% end %>
+</div>
+<%= render "hr_lite/attendance/custom_status", status: status %>
+<%= render "hr_lite/attendance/calendar_connection" %>
+<% if status.half_day_leave %><p class="hrl-small hrl-muted">Half-day leave today (<%= status.half_day_leave.half_day_part || "half day" %>).</p><% end %>
+
+<% if working %>
+  <% if status.overlay %>
+    <%= button_to "End #{status.overlay.label.downcase} now", hr_lite.end_overlay_work_mode_path, method: :post, class: "hrl-btn hrl-btn--block" %>
+  <% end %>
+  <details>
+    <summary class="hrl-btn hrl-btn--block">Change my mode</summary>
+    <div class="hrl-mode-switch">
+      <% %w[lunch short_break office].each do |mode| %>
+        <%= button_to hr_lite.work_mode_path, params: { mode: mode }, method: :post, class: "hrl-btn hrl-btn--block" do %>
+          <%= hrl_mode_icon(HrLite::WorkStatus::Entry.new(mode: mode, label: HrLite::WorkModeEvent.label(mode))) %>
+          <%= HrLite::WorkModeEvent.label(mode) %>
+        <% end %>
+      <% end %>
+      <% if HrLite::WfhRequest.approved_for(hr_current_user.id, Date.current) || HrLite::EmployeeProfile.where(user_id: hr_current_user.id).pick(:permanent_wfh) %>
+        <%= button_to "Work from home", hr_lite.work_mode_path, params: { mode: "wfh" }, method: :post, class: "hrl-btn hrl-btn--block" %>
+      <% end %>
+
+      <details>
+        <summary class="hrl-btn hrl-btn--block">Busy / focus</summary>
+        <%= form_with url: hr_lite.work_mode_path, method: :post, local: true do %>
+          <input type="hidden" name="mode" value="busy">
+          <div class="hrl-field"><label for="busy-minutes">For</label>
+            <%= select_tag :minutes, options_for_select([ [ "30 minutes", 30 ], [ "1 hour", 60 ], [ "2 hours", 120 ] ]), id: "busy-minutes" %></div>
+          <button type="submit" class="hrl-btn hrl-btn--primary">Set busy</button>
+        <% end %>
+      </details>
+      <details>
+        <summary class="hrl-btn hrl-btn--block">Meeting</summary>
+        <%= form_with url: hr_lite.work_mode_path, method: :post, local: true do %>
+          <input type="hidden" name="mode" value="meeting">
+          <div class="hrl-field"><label for="mt-title">Meeting</label><input class="hrl-input" id="mt-title" name="title" maxlength="120" required></div>
+          <div class="hrl-field"><label for="mt-client">Client (optional)</label><input class="hrl-input" id="mt-client" name="client" maxlength="120"></div>
+          <%= render "hr_lite/attendance/crm_picker", id: "mt-crm" %>
+          <div class="hrl-field"><label for="mt-until">Ends at</label><input class="hrl-input" type="time" id="mt-until" name="until" required></div>
+          <button type="submit" class="hrl-btn hrl-btn--primary">Start meeting</button>
+        <% end %>
+      </details>
+      <details>
+        <summary class="hrl-btn hrl-btn--block">Travelling</summary>
+        <%= form_with url: hr_lite.work_mode_path, method: :post, local: true, data: { turbo_confirm: "Switch to Travelling?" } do %>
+          <input type="hidden" name="mode" value="travelling">
+          <div class="hrl-field"><label for="tr-dest">Going to</label><input class="hrl-input" id="tr-dest" name="destination" maxlength="120" required></div>
+          <div class="hrl-field"><label for="tr-why">Purpose</label><input class="hrl-input" id="tr-why" name="title" maxlength="120" required></div>
+          <div class="hrl-field"><label for="tr-client">Client (optional)</label><input class="hrl-input" id="tr-client" name="client" maxlength="120"></div>
+          <%= render "hr_lite/attendance/crm_picker", id: "tr-crm" %>
+          <div class="hrl-field"><label for="tr-until">Back by (optional)</label><input class="hrl-input" type="time" id="tr-until" name="until"></div>
+          <button type="submit" class="hrl-btn hrl-btn--primary">Start travelling</button>
+        <% end %>
+      </details>
+      <details>
+        <summary class="hrl-btn hrl-btn--block">Client meeting (outside)</summary>
+        <%= form_with url: hr_lite.work_mode_path, method: :post, local: true, data: { turbo_confirm: "Switch to an outside-office meeting?" } do %>
+          <input type="hidden" name="mode" value="outside_meeting">
+          <%= render "hr_lite/attendance/crm_picker", id: "om-crm" %>
+          <div class="hrl-field"><label for="om-client">Client or prospect<%= " (or link a lead above)" if HrLite.config.crm_search %></label><input class="hrl-input" id="om-client" name="client" maxlength="120"<%= " required" unless HrLite.config.crm_search %>></div>
+          <div class="hrl-field"><label for="om-why">Purpose</label><input class="hrl-input" id="om-why" name="title" maxlength="120" required></div>
+          <div class="hrl-field"><label for="om-where">Where (optional)</label><input class="hrl-input" id="om-where" name="destination" maxlength="120"></div>
+          <div class="hrl-field"><label for="om-until">Ends at (optional)</label><input class="hrl-input" type="time" id="om-until" name="until"></div>
+          <button type="submit" class="hrl-btn hrl-btn--primary">Start client meeting</button>
+        <% end %>
+      </details>
+      <details>
+        <summary class="hrl-btn hrl-btn--block">Out of office</summary>
+        <%= form_with url: hr_lite.work_mode_path, method: :post, local: true do %>
+          <input type="hidden" name="mode" value="out_of_office">
+          <div class="hrl-field"><label for="oo-why">Reason</label>
+            <%= select_tag :category, options_for_select(HrLite::WorkModeSwitch::OUT_OF_OFFICE_REASONS.invert), id: "oo-why" %></div>
+          <div class="hrl-field"><label for="oo-until">Back by</label><input class="hrl-input" type="time" id="oo-until" name="until" required></div>
+          <p class="hrl-small hrl-muted">Away for a full day? <a href="<%= hr_lite.new_leave_request_path %>">Apply for leave</a> instead.</p>
+          <button type="submit" class="hrl-btn hrl-btn--primary">Set out of office</button>
+        <% end %>
+      </details>
+    </div>
+  </details>
+<% end %>

data/app/views/hr_lite/attendance/show.html.erb

@@ -43,7 +43,7 @@
       <dt>Worked</dt><dd><%= hrl_duration(rec&.worked_duration) %></dd>
       <% if part %><dt>Half</dt><dd><%= HrLite::DAY_PARTS.rassoc(part)&.first %></dd><% end %>
       <% if leave %><dt>Leave</dt><dd><%= leave.leave_type.name %></dd><% end %>
-      <% if @day_info.kind == :holiday %><dt>Holiday</dt><dd><%= HrLite::Holiday.find_by(date: @day)&.name %></dd><% end %>
+      <% if @day_info.kind == :holiday %><dt>Holiday</dt><dd><%= HrLite::Holiday.company_wide.for_office(HrLite::WorkingCalendar.office_for(hr_current_user.id)).where(date: @day).pick(:name) %></dd><% end %>
       <% if rec&.flagged? %><dt>Flag</dt><dd><%= rec.flag_note %></dd><% end %>
       <% if @day_ticket %><dt>Ticket</dt><dd><%= hrl_request_status_badge(@day_ticket.status) %> <%= @day_ticket.times_label %></dd><% end %>
     </dl>
@@ -55,4 +55,7 @@
 
 <% content_for :scripts do %>
   <%= javascript_include_tag "hr_lite/geo_punch", defer: true %>
+  <%= javascript_include_tag "hr_lite/countdown", defer: true %>
+  <%= javascript_include_tag "hr_lite/crm_picker", defer: true %>
+  <%= javascript_include_tag "hr_lite/emoji_pick", defer: true %>
 <% end %>

data/app/views/hr_lite/holidays/_next_holiday.html.erb

@@ -1,6 +1,6 @@
 <section class="hrl-card">
   <h2 class="hrl-card__title">Upcoming holidays</h2>
-  <% holidays = HrLite::Holiday.company_wide.upcoming.where(date: ..Date.current + 60).limit(3).to_a %>
+  <% holidays = HrLite::Holiday.company_wide.for_office(HrLite::WorkingCalendar.office_for(hr_current_user.id)).upcoming.where(date: ..Date.current + 60).limit(3).to_a %>
   <% if holidays.any? %>
     <div class="hrl-feed">
       <% holidays.each do |holiday| %>

data/app/views/hr_lite/home/_today_checkins.html.erb

@@ -0,0 +1,31 @@
+<%# Today's check-ins: on time, late, not in yet. Hover or tap a person for times. %>
+<% groups = HrLite::TodayCheckins.new.groups
+   tip = ->(p) do
+     r = p.record
+     parts = [ hr_display_name(p.user) ]
+     if r
+       parts << "In #{r.check_in_at.strftime('%H:%M')}#{" (#{p.late_minutes} min late)" if p.late?}"
+       parts << (r.check_out_at ? "Out #{r.check_out_at.strftime('%H:%M')} · #{hrl_duration(r.worked_duration)} worked" : "#{hrl_duration(Time.current - r.check_in_at)} so far")
+     else
+       parts << "Not checked in yet"
+     end
+     parts.join(" · ")
+   end %>
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Today's check-ins</h2>
+  <% [ [ :on_time, "On time", "ok" ], [ :late, "Late", "warn" ], [ :not_in, "Not in yet", "muted" ] ].each do |key, label, tone| %>
+    <div class="hrl-checkins">
+      <p class="hrl-small"><span class="hrl-badge hrl-badge--<%= tone %>"><%= label %> · <%= groups[key].size %></span></p>
+      <% if groups[key].any? %>
+        <ul class="hrl-checkins__people">
+          <% groups[key].each do |p| %>
+            <li><button type="button" class="hrl-person hrl-person--<%= tone %>" data-hrl-tip="<%= tip.(p) %>" title="<%= tip.(p) %>" aria-label="<%= tip.(p) %>">
+              <%= hr_display_name(p.user).to_s.scan(/[[:alpha:]]+/).first(2).map { |w| w[0] }.join.upcase %>
+            </button></li>
+          <% end %>
+        </ul>
+      <% end %>
+    </div>
+  <% end %>
+  <a class="hrl-card__link" href="<%= hr_lite.team_path %>">Team board</a>
+</section>

data/app/views/hr_lite/home/index.html.erb

@@ -30,6 +30,7 @@
       <% end %>
     </section>
   <% end %>
+  <%= render "hr_lite/home/today_checkins" %>
   <%= render "hr_lite/holidays/next_holiday" %>
 
   <section class="hrl-card">
@@ -72,4 +73,8 @@
 
 <% content_for :scripts do %>
   <%= javascript_include_tag "hr_lite/geo_punch", defer: true %>
+  <%= javascript_include_tag "hr_lite/chart_tip", defer: true %>
+  <%= javascript_include_tag "hr_lite/countdown", defer: true %>
+  <%= javascript_include_tag "hr_lite/crm_picker", defer: true %>
+  <%= javascript_include_tag "hr_lite/emoji_pick", defer: true %>
 <% end %>

data/app/views/hr_lite/team/show.html.erb

@@ -20,19 +20,40 @@
   <div class="hrl-kpi"><div class="hrl-kpi__value"><%= @board.rows.size %></div><div class="hrl-kpi__label">Team size</div></div>
 </div>
 
+<% if @statuses %>
+  <section class="hrl-card">
+    <%= form_with url: hr_lite.team_path, method: :get, local: true, class: "hrl-row" do %>
+      <% if @departments.any? %>
+        <div class="hrl-field"><label for="team-dept">Department</label><%= select_tag :department, options_for_select(@departments, params[:department]), include_blank: "All", id: "team-dept" %></div>
+      <% end %>
+      <div class="hrl-field"><label for="team-mode">Mode</label><%= select_tag :mode, options_for_select(HrLite::WorkModeEvent::MODES.map { |k, v| [ v[0], k ] } + HrLite::WorkStatus::DERIVED.map { |k, v| [ v, k ] }.reject { |_, k| k == "offline" }, @mode), include_blank: "All", id: "team-mode" %></div>
+      <div class="hrl-field"><label for="team-avail">Availability</label><%= select_tag :availability, options_for_select([ [ "Available", "available" ], [ "Not available", "unavailable" ] ], @availability), include_blank: "All", id: "team-avail" %></div>
+      <div class="hrl-form-actions"><button type="submit" class="hrl-btn">Filter</button></div>
+    <% end %>
+  </section>
+<% end %>
+
 <section class="hrl-card">
-  <% if @board.rows.any? %>
+  <% rows = @rows || @board.rows %>
+  <% if rows.any? %>
     <div class="hrl-table-wrap">
       <table class="hrl-table hrl-table--stack">
-        <thead><tr><th>Name</th><th>Status</th><th>Hours <%= @date == Date.current ? "today" : "that day" %></th><th>Hours this month</th></tr></thead>
+        <thead><tr><th>Name</th><% if @statuses %><th>Now</th><% end %><th>Status</th><th>Hours <%= @date == Date.current ? "today" : "that day" %></th><th>Hours this month</th></tr></thead>
         <tbody>
-          <% @board.rows.each do |row| %>
+          <% rows.each do |row| %>
             <tr>
               <td data-label="Name">
                 <span><%= tag.strong hr_display_name(row.user), title: ("On leave: #{row.leave.date_range_label}" if row.leave) %><% if row.profile&.designation.present? %>
                   <span class="hrl-small hrl-muted"> · <%= row.profile.designation %></span><% end %><% if HrLite.config.attendance_slots && row.profile&.buffer_minutes %>
                   <span class="hrl-badge hrl-badge--muted">+<%= row.profile.buffer_minutes / 60 %>h buffer · <%= HrLite::EmployeeProfile::BUFFER_REASONS[row.profile.buffer_reason] %></span><% end %></span>
               </td>
+              <% if (st = @statuses&.dig(row.user.id)) %>
+                <td data-label="Now"><span class="hrl-modes"><%= hrl_status_icons(st) %></span>
+                  <span class="hrl-small"><%= st.primary.place || st.primary.label %><% if st.overlay %> · <%= st.overlay.label %><% end %>
+                    <% if (till = st.overlay&.until || (st.primary.until if st.primary.until.respond_to?(:hour))) %> · until <%= till.strftime("%H:%M") %><% end %></span>
+                  <% if st.updated_at %><span class="hrl-small hrl-muted"> · since <%= st.updated_at.strftime("%H:%M") %></span><% end %>
+                  <% if st.custom %><div class="hrl-custom-status hrl-small"><% if st.custom.emoji %><span aria-hidden="true"><%= st.custom.emoji %></span> <% end %><%= st.custom.title %></div><% end %></td>
+              <% end %>
               <td data-label="Status"><%= hrl_team_status(row) %></td>
               <td data-label="Hours <%= @date == Date.current ? "today" : "that day" %>" class="hrl-num"><%= hrl_duration(row.day_seconds) %></td>
               <td data-label="Hours this month" class="hrl-num"><%= hrl_duration(row.month_seconds) %></td>
@@ -42,7 +63,7 @@
       </table>
     </div>
   <% else %>
-    <p class="hrl-card--empty">Nobody to show for this date.</p>
+    <p class="hrl-card--empty">Nobody to show<%= @rows ? " for these filters" : " for this date" %>.</p>
   <% end %>
   <p class="hrl-small hrl-muted hrl-mt">Forgot a punch yourself?
     <a class="hrl-card__link" href="<%= hr_lite.new_regularization_request_path %>">Raise a regularization ticket</a></p>

data/app/views/hr_lite/wfh_requests/index.html.erb

@@ -0,0 +1,70 @@
+<% content_for(:page_title) { "Work from home" } %>
+<% content_for(:back, "Attendance") %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">Work from home</h1>
+</div>
+
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Request WFH</h2>
+  <p class="hrl-small hrl-muted">Pick dates from today up to <%= HrLite::WfhRequest::MAX_DAYS_AHEAD %> days ahead. HR approves or rejects; only approved dates let you check in away from the office.</p>
+  <%= form_with model: @request, url: hr_lite.wfh_requests_path, scope: :wfh_request, local: true do |f| %>
+    <%= render "hr_lite/shared/form_errors", record: @request %>
+    <% min, max = @window.first.iso8601, @window.last.iso8601 %>
+    <div class="hrl-field"><%= f.label :start_date, "From" %><%= f.date_field :start_date, min: min, max: max, required: true %></div>
+    <div class="hrl-field"><%= f.label :end_date, "To (same day for one day)" %><%= f.date_field :end_date, min: min, max: max, required: true %></div>
+    <div class="hrl-field"><%= f.label :reason, "Why do you need WFH?" %><%= f.text_area :reason, rows: 3, required: true %></div>
+    <div class="hrl-form-actions"><%= f.submit "Send to HR", class: "hrl-btn hrl-btn--primary" %></div>
+  <% end %>
+</section>
+
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Next <%= HrLite::WfhRequest::MAX_DAYS_AHEAD %> days</h2>
+  <% marks = { "approved" => [ "WFH", "Approved", "present" ], "pending" => [ "Pend", "Pending", "pending" ], "rejected" => [ "Rej", "Rejected", "absent" ] } %>
+  <div class="hrl-mgrid" role="group" aria-label="Your WFH dates">
+    <% %w[Mo Tu We Th Fr Sa Su].each do |d| %><div class="hrl-mgrid__head"><%= d %></div><% end %>
+    <% (@window.first.cwday - 1).times do %><div></div><% end %>
+    <% @window.each do |date| %>
+      <% code, word, mod = marks[@day_status[date]] %>
+      <div class="<%= class_names("hrl-mgrid__day", "hrl-mgrid__day--#{mod}": mod, "hrl-mgrid__day--today": date == Date.current) %>"
+           role="group" aria-label="<%= date.strftime('%-d %b') %><%= ", #{word}" if word %>">
+        <span class="hrl-mgrid__num"><%= date.day %></span>
+        <% if code %><span class="hrl-mgrid__tag"><%= code %></span><% end %>
+      </div>
+    <% end %>
+  </div>
+  <div class="hrl-legend hrl-small">
+    <% marks.each_value do |_code, word, mod| %>
+      <span class="hrl-badge hrl-mgrid__key hrl-mgrid__day--<%= mod %>"><%= word %></span>
+    <% end %>
+  </div>
+</section>
+
+<section class="hrl-card">
+  <h2 class="hrl-card__title">My requests</h2>
+  <% if @requests.any? %>
+    <div class="hrl-table-wrap">
+      <table class="hrl-table hrl-table--stack">
+        <thead><tr><th>Dates</th><th>Reason</th><th>Status</th><th>HR remarks</th><th></th></tr></thead>
+        <tbody>
+          <% @requests.each do |request| %>
+            <tr>
+              <td data-label="Dates"><%= request.dates_label %> <span class="hrl-small hrl-muted">· <%= pluralize(request.days, "day") %></span></td>
+              <td data-label="Reason"><%= request.reason %></td>
+              <td data-label="Status"><%= hrl_request_status_badge(request.status) %></td>
+              <td data-label="HR remarks" class="hrl-small hrl-muted"><%= request.decision_note.presence || "—" %></td>
+              <td data-label="" class="<%= 'hrl-cell--void' unless request.pending? %>">
+                <% if request.pending? %>
+                  <%= button_to "Cancel", hr_lite.cancel_wfh_request_path(request), method: :post,
+                                class: "hrl-btn hrl-btn--danger", form: { data: { turbo_confirm: "Cancel this request?" } } %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+    <%= hrl_pagination %>
+  <% else %>
+    <p class="hrl-card--empty">No WFH requests yet.</p>
+  <% end %>
+</section>

data/app/views/hr_lite/work_locations/index.html.erb

@@ -0,0 +1,52 @@
+<% content_for(:page_title) { "WFH locations" } %>
+<% content_for(:back, "Attendance") %>
+<div class="hrl-page__head">
+  <h1 class="hrl-page__title">My WFH locations</h1>
+</div>
+
+<section class="hrl-card">
+  <p class="hrl-small hrl-muted">On an approved WFH day you check in within <%= HrLite::WorkLocation::FENCE_M %> m of your active location.
+    Register up to <%= HrLite::WorkLocation::MAX_LIVE %> places; HR approves each one. Your location is read only when you check in or tap
+    "Register here" — never tracked in between. Teammates see "Home", never the address.</p>
+  <% if @locations.any? %>
+    <% @locations.each do |location| %>
+      <div class="hrl-feed__item hrl-row">
+        <div class="hrl-feed__body">
+          <strong><%= location.name %></strong>
+          <% if location.active? %><span class="hrl-badge hrl-badge--ok">Active</span><% end %>
+          <%= hrl_request_status_badge(location.status) %>
+          <% if location.address.present? %><div class="hrl-small hrl-muted"><%= location.address %></div><% end %>
+          <% if location.decision_note.present? %><div class="hrl-small hrl-muted">HR: <%= location.decision_note %></div><% end %>
+        </div>
+        <% if location.approved? && !location.active? %>
+          <%= button_to "Use this", hr_lite.activate_work_location_path(location), method: :post, class: "hrl-btn" %>
+        <% end %>
+        <%= button_to "Remove", hr_lite.remove_work_location_path(location), method: :post, class: "hrl-btn hrl-btn--danger",
+                      form: { data: { turbo_confirm: "Remove #{location.name}?" } } %>
+      </div>
+    <% end %>
+  <% else %>
+    <p class="hrl-card--empty">No locations yet.</p>
+  <% end %>
+</section>
+
+<%= render "hr_lite/shared/form_errors", record: @location %>
+
+<% if @locations.size < HrLite::WorkLocation::MAX_LIVE %>
+  <section class="hrl-card">
+    <h2 class="hrl-card__title">Register where you are now</h2>
+    <%= form_with url: hr_lite.work_locations_path, method: :post, local: true,
+                  html: { data: { "hrl-geo-punch": true, "hrl-geo-required": true } } do %>
+      <div class="hrl-field"><label for="loc-name">Name</label><%= text_field_tag :name, @location.name, required: true, maxlength: 60, placeholder: "Home", id: "loc-name" %></div>
+      <div class="hrl-field"><label for="loc-address">Address or landmark (optional, HR only)</label><%= text_field_tag :address, @location.address, maxlength: 200, id: "loc-address" %></div>
+      <input type="hidden" name="lat"><input type="hidden" name="lng">
+      <input type="hidden" name="accuracy_m"><input type="hidden" name="geo_status">
+      <button type="submit" class="hrl-btn hrl-btn--primary hrl-btn--block">Register here</button>
+      <p class="hrl-small hrl-muted" data-hrl-geo-status role="status" aria-live="polite"></p>
+    <% end %>
+  </section>
+<% end %>
+
+<% content_for :scripts do %>
+  <%= javascript_include_tag "hr_lite/geo_punch", defer: true %>
+<% end %>

data/app/views/hr_lite/work_time/_bars.html.erb

@@ -0,0 +1,44 @@
+<%# Stacked bars per bucket (day / week / month), Offline left out. %>
+<% buckets = result.by_bucket
+   totals = buckets.transform_values { |m| m.except("offline").values.sum }
+   max = [ totals.values.max.to_f, 1 ].max
+   w = 12; gap = 4; h = 100
+   fmt = { day: "%-d", week: "%-d %b", month: "%b" }[period.bucket] %>
+<section class="hrl-card">
+  <h2 class="hrl-card__title">By <%= period.bucket %></h2>
+  <div class="hrl-chart-scroll">
+    <svg class="hrl-bars" viewBox="0 0 <%= buckets.size * (w + gap) %> <%= h + 14 %>" role="img"
+         aria-label="Time per <%= period.bucket %> stacked by work mode; tallest bar <%= hrl_duration(max) %>; details in the table">
+      <% buckets.each_with_index do |(key, modes), i| %>
+        <% x = i * (w + gap); y = h %>
+        <a href="<%= path.(period: period.bucket == :day ? "day" : (period.bucket == :week ? "week" : "month"), date: key) %>">
+          <% modes.except("offline").sort.each do |mode, secs| %>
+            <% next unless secs.positive? %>
+            <% bh = secs / max * h; y -= bh %>
+            <rect x="<%= x %>" y="<%= y.round(2) %>" width="<%= w %>" height="<%= bh.round(2) %>" class="hrl-fill--<%= mode %>">
+              <title><%= key.strftime(fmt) %> · <%= label.(mode) %>: <%= hrl_duration(secs) %></title>
+            </rect>
+          <% end %>
+          <rect x="<%= x %>" y="0" width="<%= w %>" height="<%= h %>" fill="transparent"><title><%= key.strftime(fmt) %>: <%= hrl_duration(totals[key]) %> — open</title></rect>
+        </a>
+        <% if buckets.size <= 16 || (i % 7).zero? %>
+          <text x="<%= x + w / 2.0 %>" y="<%= h + 11 %>" text-anchor="middle" class="hrl-bars__label"><%= key.strftime(fmt) %></text>
+        <% end %>
+      <% end %>
+    </svg>
+  </div>
+  <details class="hrl-small">
+    <summary>Show as a table</summary>
+    <table class="hrl-table">
+      <thead><tr><th><%= period.bucket.to_s.capitalize %></th><th class="hrl-num">Working</th><th class="hrl-num">Breaks</th><th class="hrl-num">Total</th></tr></thead>
+      <tbody>
+        <% buckets.each do |key, modes| %>
+          <tr><td><%= key.strftime(period.bucket == :day ? "%a %-d %b" : fmt) %></td>
+            <td class="hrl-num"><%= hrl_duration(HrLite::WorkModeDurations::WORKING.sum { |m| modes[m] }) %></td>
+            <td class="hrl-num"><%= hrl_duration(HrLite::WorkModeDurations::BREAKS.sum { |m| modes[m] }) %></td>
+            <td class="hrl-num"><%= hrl_duration(totals[key]) %></td></tr>
+        <% end %>
+      </tbody>
+    </table>
+  </details>
+</section>

data/app/views/hr_lite/work_time/_donut.html.erb

@@ -0,0 +1,36 @@
+<%# Share of tracked time (working + breaks + out of office; Offline excluded). %>
+<% total = result.tracked
+   modes = result.by_mode.except("offline").select { |_, s| s.positive? }.sort_by { |_, s| -s }
+   counts = result.segments.group_by(&:mode).transform_values(&:size)
+   offset = 25.0 %>
+<section class="hrl-card">
+  <h2 class="hrl-card__title">Where the time went</h2>
+  <% if total.positive? %>
+    <div class="hrl-chart-row">
+      <svg class="hrl-donut" viewBox="0 0 42 42" role="img" aria-label="Share of tracked time by work mode; details in the table">
+        <circle cx="21" cy="21" r="15.915" fill="none" class="hrl-donut__track" stroke-width="6"></circle>
+        <% modes.each do |mode, secs| %>
+          <% pct = secs * 100.0 / total %>
+          <circle cx="21" cy="21" r="15.915" fill="none" stroke-width="6" class="hrl-stroke--<%= mode %>" data-hrl-tip tabindex="0"
+                  stroke-dasharray="<%= pct.round(3) %> <%= (100 - pct).round(3) %>" stroke-dashoffset="<%= offset.round(3) %>">
+            <title><%= label.(mode) %>: <%= hrl_duration(secs) %> (<%= pct.round %>%)</title>
+          </circle>
+          <% offset -= pct %>
+        <% end %>
+      </svg>
+      <table class="hrl-table hrl-small">
+        <thead><tr><th>Mode</th><th class="hrl-num">Time</th><th class="hrl-num">Share</th><th class="hrl-num">Stretches</th></tr></thead>
+        <tbody>
+          <% modes.each do |mode, secs| %>
+            <tr><td><span class="hrl-swatch hrl-fill-bg--<%= mode %>" aria-hidden="true"></span> <%= label.(mode) %></td>
+              <td class="hrl-num"><%= hrl_duration(secs) %></td><td class="hrl-num"><%= (secs * 100.0 / total).round %>%</td>
+              <td class="hrl-num"><%= counts[mode] %></td></tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+    <p class="hrl-small hrl-muted">Shares are of tracked time (<%= hrl_duration(total) %>: working, breaks and out of office). Offline (<%= hrl_duration(result.offline) %>) is not included.</p>
+  <% else %>
+    <p class="hrl-card--empty">Only offline time recorded.</p>
+  <% end %>
+</section>