From 5d228f1ef19d706384f6bd9510a519596d825355 Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Wed, 6 Aug 2025 12:45:07 +0200
Subject: [PATCH 1/2] convert billable query string to boolean for shared
 report #876

billable is handled as a string filter for the query parameters as they are otherwise converted to 0 and 1, but for the report save request it should be a boolean
---
 .../Common/Reporting/ReportingOverview.vue          | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/resources/js/Components/Common/Reporting/ReportingOverview.vue b/resources/js/Components/Common/Reporting/ReportingOverview.vue
index f002f419..bd6f00c9 100644
--- a/resources/js/Components/Common/Reporting/ReportingOverview.vue
+++ b/resources/js/Components/Common/Reporting/ReportingOverview.vue
@@ -161,8 +161,19 @@ async function createTag(tag: string) {
 }
 
 const reportProperties = computed(() => {
+    const { billable, ...rest } = getFilterAttributes();
+
+    let billableValue: boolean | null = null;
+    // if billable is null keep it if it is 'true' or 'false' convert it to boolean
+    if (billable === 'true') {
+        billableValue = true;
+    } else if (billable === 'false') {
+        billableValue = false;
+    }
+
     return {
-        ...getFilterAttributes(),
+        ...rest,
+        billable: billableValue,
         group: group.value,
         sub_group: subGroup.value,
         history_group: getOptimalGroupingOption(startDate.value, endDate.value),

From da34aa3a92ee41fde59db8a24a8769065e7c284c Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Wed, 6 Aug 2025 12:50:06 +0200
Subject: [PATCH 2/2] fix loading spinner layout shifts, add attributes to
 avoid 1pw autofill

1Password sometimes tried to autofill the time input
---
 resources/js/packages/ui/src/LoadingSpinner.vue                 | 2 +-
 .../js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/js/packages/ui/src/LoadingSpinner.vue b/resources/js/packages/ui/src/LoadingSpinner.vue
index df502d16..0eb62649 100644
--- a/resources/js/packages/ui/src/LoadingSpinner.vue
+++ b/resources/js/packages/ui/src/LoadingSpinner.vue
@@ -8,7 +8,7 @@ const props = defineProps<{
 
 <template>
     <svg
-        :class="twMerge('animate-spin -ml-1 mr-3 h-5 w-5 text-text-primary', props.class)"
+        :class="twMerge('animate-spin -ml-1 mr-3 h-4 w-4 text-text-primary', props.class)"
         xmlns="http://www.w3.org/2000/svg"
         fill="none"
         viewBox="0 0 24 24">
diff --git a/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
index e82af20a..daf59e20 100644
--- a/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
+++ b/resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
@@ -135,6 +135,8 @@ function closeAndFocusInput() {
                     data-testid="time_entry_time"
                     class="w-[110px] lg:w-[130px] h-full text-text-primary py-2.5 rounded-lg border-border-secondary border text-center px-4 text-base lg:text-lg font-semibold bg-card-background border-none placeholder-muted focus:ring-0 transition"
                     type="text"
+                    autocomplete="off"
+                    name="time_duration_input"
                     @focus="pauseLiveTimerUpdate"
                     @focusin="openModalOnTab"
                     @keydown.exact.tab="focusNextElement"