feat: add work time report view (#775)

* feat: add work time report view

Add a new Work Report view that provides daily work time breakdowns
with multi-device support, category filtering, configurable break time
(gap merging via flood), and CSV/JSON export.

Based on #742 by @ErikBjare. Changes from original:
- Implemented thisWeek and thisMonth date ranges
- Removed debug console.log statements
- Used safeHost consistently in find_bucket queries

Closes #742

* fix(WorkReport): use original hostname in find_bucket, safeHost only for variable names

Bucket IDs preserve the original hostname (e.g. 'aw-watcher-window_my-laptop'),
but variable names in the query language must be alphanumeric. The sanitized
safeHost is correct for variable naming, but find_bucket must use the original
hostname to locate the bucket.

* fix(WorkReport): fix startOfDay offset and add AFK filtering

Two P1 bugs flagged by Greptile:

1. startOfDay offset was silently ignored — moment().add('04:00') is a
   no-op (moment expects (amount, unit) or ISO 8601). Now uses
   get_day_start_with_offset/get_day_end_with_offset from util/time,
   the same helpers used by every other view.

2. AFK time was counted as work time — the per-host query never
   intersected with aw-watcher-afk data. Now applies the standard
   not_afk pattern (flood → filter_keyvals status=not-afk →
   filter_period_intersect) before categorizing events, matching the
   canonicalEvents pattern in src/queries.ts.

* fix(WorkReport): use query_bucket directly and safeHostname from queries.ts

* fix(WorkReport): add empty category guard and fix hostname collision

- Add validation: alert when no categories selected (previously silent all-zeros)
- Use indexed AQL variables (events_0, events_1, ...) instead of
  safeHostname() to prevent collisions when hostnames differ only in
  non-alphanumeric chars (e.g., 'my-laptop' vs 'mylaptop')
- Remove unused safeHostname import

Addresses Greptile review findings on PR #775.

* fix(work-report): guard hosts without AFK buckets

* test(router): cover work report route and landingpage redirect

* fix(work-report): skip hosts without AFK buckets

Author: TimeToBuildBob

src/components/Header.vue

@@ -59,6 +59,9 @@ div(:class="{'fixed-top-padding': fixedTopMenu}")
           b-dropdown-item(to="/search")
             icon(name="search")
             | Search
+          b-dropdown-item(to="/work-report")
+            icon(name="briefcase")
+            | Work Report
           b-dropdown-item(to="/trends" v-if="devmode")
             icon(name="chart-line")
             | Trends
@@ -98,6 +101,7 @@ div(:class="{'fixed-top-padding': fixedTopMenu}")
 <script lang="ts">
 // only import the icons you use to reduce bundle size
 import 'vue-awesome/icons/calendar-day';
+import 'vue-awesome/icons/briefcase';
 import 'vue-awesome/icons/calendar-week';
 import 'vue-awesome/icons/stream';
 import 'vue-awesome/icons/database';

src/queries.ts

@@ -15,7 +15,7 @@ function escape_doublequote(s: string) {
 }
 
 // Hostname safe for using as a variable name
-function safeHostname(hostname: string): string {
+export function safeHostname(hostname: string): string {
   return hostname.replace(/[^a-zA-Z0-9_]/g, '');
 }
 

src/route.js

@@ -15,6 +15,7 @@ const Trends = () => import('./views/Trends.vue');
 const Settings = () => import('./views/settings/Settings.vue');
 const CategoryBuilder = () => import('./views/settings/CategoryBuilder.vue');
 const Stopwatch = () => import('./views/Stopwatch.vue');
+const WorkReport = () => import('./views/WorkReport.vue');
 const Alerts = () => import('./views/Alerts.vue');
 const Search = () => import('./views/Search.vue');
 const Report = () => import('./views/Report.vue');
@@ -66,6 +67,7 @@ const router = new VueRouter({
     { path: '/settings', component: Settings },
     { path: '/settings/category-builder', component: CategoryBuilder },
     { path: '/stopwatch', component: Stopwatch },
+    { path: '/work-report', component: WorkReport },
     { path: '/search', component: Search },
     { path: '/graph', component: Graph },
     { path: '/dev', component: Dev },

src/util/workReport.ts

@@ -0,0 +1,47 @@
+import { IBucket } from '~/util/interfaces';
+
+export interface WorkReportHostOption {
+  value: string;
+  text: string;
+  disabled: boolean;
+}
+
+function getWindowHosts(buckets: IBucket[]): string[] {
+  const hosts = buckets
+    .filter(bucket => bucket.type === 'currentwindow')
+    .map(bucket => bucket.id.replace('aw-watcher-window_', ''));
+  return [...new Set(hosts)];
+}
+
+function getAFKHosts(buckets: IBucket[]): Set<string> {
+  return new Set(
+    buckets
+      .filter(bucket => bucket.type === 'afkstatus')
+      .map(bucket => bucket.id.replace('aw-watcher-afk_', ''))
+  );
+}
+
+export function getWorkReportHostOptions(buckets: IBucket[]): WorkReportHostOption[] {
+  const afkHosts = getAFKHosts(buckets);
+  return getWindowHosts(buckets).map(host => {
+    const hasAFK = afkHosts.has(host);
+    return {
+      value: host,
+      text: hasAFK ? host : `${host} (requires aw-watcher-afk)`,
+      disabled: !hasAFK,
+    };
+  });
+}
+
+export function getUnsupportedWorkReportHosts(
+  selectedHosts: string[],
+  buckets: IBucket[]
+): string[] {
+  const afkHosts = getAFKHosts(buckets);
+  return selectedHosts.filter(host => !afkHosts.has(host));
+}
+
+export function getSupportedWorkReportHosts(selectedHosts: string[], buckets: IBucket[]): string[] {
+  const unsupportedHosts = new Set(getUnsupportedWorkReportHosts(selectedHosts, buckets));
+  return selectedHosts.filter(host => !unsupportedHosts.has(host));
+}