@happyvertical/smrt-projects 0.52.0 → 0.53.0

package/dist/svelte/components/TimeEntryList.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeEntryList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/TimeEntryList.svelte.ts"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,QAAQ,EAKb,KAAK,SAAS,EACf,MAAM,YAAY,CAAC;AAGpB,wCAAwC;AACxC,MAAM,WAAW,KAAK;IACpB,2CAA2C;IAC3C,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iEAAiE;IACjE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAC3C;AA2ID,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/svelte/components/TimeSummary.svelte

@@ -1,176 +0,0 @@
-<script lang="ts">
-/**
- * TimeSummary - Summary statistics for time entries
- * Shows total hours, amounts, and pending items
- */
-
-import { useI18n } from '@happyvertical/smrt-ui/i18n';
-import { M } from '../i18n.js';
-import { type Currency, formatCurrency, formatHours } from './utils.js';
-
-/** Props for TimeSummary component */
-export interface Props {
-  /** Total hours across all time entries. */
-  totalHours: number;
-  /** Total charged or invoiced amount. */
-  totalAmount: number;
-  /** Hours awaiting approval. */
-  pendingHours?: number;
-  /** Amount awaiting approval. */
-  pendingAmount?: number;
-  /** Hours that have been approved. */
-  approvedHours?: number;
-  /** Amount that has been approved. */
-  approvedAmount?: number;
-  /** Number of time entries included in the summary. */
-  entryCount?: number;
-  /** Currency code for formatting amounts. */
-  currency?: Currency;
-  /** Shows the pending hours and amount card when there are pending items. */
-  showPending?: boolean;
-  /** Shows the approved hours and amount card when there are approved items. */
-  showApproved?: boolean;
-  /** Arranges summary cards in a grid or flexbox layout. */
-  layout?: 'horizontal' | 'grid';
-}
-
-let {
-  totalHours,
-  totalAmount,
-  pendingHours = 0,
-  pendingAmount = 0,
-  approvedHours = 0,
-  approvedAmount = 0,
-  entryCount,
-  currency = 'CAD',
-  showPending = true,
-  showApproved = false,
-  layout = 'grid',
-}: Props = $props();
-
-const { t } = useI18n();
-</script>
-
-<div class="time-summary" class:horizontal={layout === 'horizontal'}>
-  <div class="summary-card">
-    <span class="label">{t(M['projects.time_summary.total_hours'])}</span>
-    <span class="value">{formatHours(totalHours)}</span>
-    {#if entryCount !== undefined}
-      <span class="count">{entryCount} {entryCount === 1 ? 'entry' : 'entries'}</span>
-    {/if}
-  </div>
-
-  <div class="summary-card">
-    <span class="label">{t(M['projects.time_summary.total_value'])}</span>
-    <span class="value">{formatCurrency(totalAmount, currency)}</span>
-  </div>
-
-  {#if showPending && (pendingHours > 0 || pendingAmount > 0)}
-    <div class="summary-card highlight">
-      <span class="label">{t(M['projects.time_summary.pending_approval'])}</span>
-      <span class="value">{formatHours(pendingHours)}</span>
-      <span class="sub-value">{formatCurrency(pendingAmount, currency)}</span>
-    </div>
-  {/if}
-
-  {#if showApproved && (approvedHours > 0 || approvedAmount > 0)}
-    <div class="summary-card success">
-      <span class="label">Approved</span>
-      <span class="value">{formatHours(approvedHours)}</span>
-      <span class="sub-value">{formatCurrency(approvedAmount, currency)}</span>
-    </div>
-  {/if}
-</div>
-
-<style>
-  .time-summary {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-    gap: 1rem;
-  }
-
-  .time-summary.horizontal {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1rem;
-  }
-
-  .time-summary.horizontal .summary-card {
-    flex: 1 1 140px;
-    min-width: 140px;
-  }
-
-  .summary-card {
-    background: var(--smrt-color-surface);
-    border: 1px solid var(--smrt-color-outline-variant);
-    border-radius: var(--smrt-radius-medium, 12px);
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-  }
-
-  .summary-card.highlight {
-    background: var(--smrt-color-tertiary-container);
-    border-color: var(--smrt-color-tertiary);
-  }
-
-  .summary-card.success {
-    background: var(--smrt-color-primary-container);
-    border-color: var(--smrt-color-primary);
-  }
-
-  .label {
-    font-size: var(--smrt-typography-label-small-size, 0.75rem);
-    font-weight: var(--smrt-typography-label-small-weight, 500);
-    color: var(--smrt-color-on-surface-variant);
-    text-transform: uppercase;
-    letter-spacing: var(--smrt-typography-label-small-tracking, 0.5px);
-  }
-
-  .value {
-    font-size: var(--smrt-typography-headline-small-size, 1.5rem);
-    font-weight: var(--smrt-typography-headline-small-weight, 400);
-    color: var(--smrt-color-on-surface);
-  }
-
-  .sub-value {
-    font-size: var(--smrt-typography-body-medium-size, 0.875rem);
-    color: var(--smrt-color-on-surface-variant);
-  }
-
-  .count {
-    font-size: var(--smrt-typography-body-small-size, 0.75rem);
-    color: var(--smrt-color-on-surface-variant);
-  }
-
-  .highlight .label {
-    color: var(--smrt-color-on-tertiary-container);
-  }
-
-  .highlight .value {
-    color: var(--smrt-color-tertiary);
-  }
-
-  .highlight .sub-value {
-    color: var(--smrt-color-on-tertiary-container);
-  }
-
-  .success .label {
-    color: var(--smrt-color-on-primary-container);
-  }
-
-  .success .value {
-    color: var(--smrt-color-primary);
-  }
-
-  .success .sub-value {
-    color: var(--smrt-color-on-primary-container);
-  }
-
-  @media (max-width: 480px) {
-    .time-summary {
-      grid-template-columns: 1fr 1fr;
-    }
-  }
-</style>

package/dist/svelte/components/TimeSummary.svelte.d.ts

@@ -1,30 +0,0 @@
-import { type Currency } from './utils.js';
-/** Props for TimeSummary component */
-export interface Props {
-    /** Total hours across all time entries. */
-    totalHours: number;
-    /** Total charged or invoiced amount. */
-    totalAmount: number;
-    /** Hours awaiting approval. */
-    pendingHours?: number;
-    /** Amount awaiting approval. */
-    pendingAmount?: number;
-    /** Hours that have been approved. */
-    approvedHours?: number;
-    /** Amount that has been approved. */
-    approvedAmount?: number;
-    /** Number of time entries included in the summary. */
-    entryCount?: number;
-    /** Currency code for formatting amounts. */
-    currency?: Currency;
-    /** Shows the pending hours and amount card when there are pending items. */
-    showPending?: boolean;
-    /** Shows the approved hours and amount card when there are approved items. */
-    showApproved?: boolean;
-    /** Arranges summary cards in a grid or flexbox layout. */
-    layout?: 'horizontal' | 'grid';
-}
-declare const TimeSummary: import("svelte").Component<Props, {}, "">;
-type TimeSummary = ReturnType<typeof TimeSummary>;
-export default TimeSummary;
-//# sourceMappingURL=TimeSummary.svelte.d.ts.map

package/dist/svelte/components/TimeSummary.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeSummary.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/TimeSummary.svelte.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,QAAQ,EAA+B,MAAM,YAAY,CAAC;AAGxE,sCAAsC;AACtC,MAAM,WAAW,KAAK;IACpB,2CAA2C;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAChC;AA6DD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/components/__tests__/DurationDisplay.test.js

@@ -1,57 +0,0 @@
-// @vitest-environment jsdom
-/**
- * First component test in smrt-projects via the shared S11 harness (#1416).
- */
-import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
-import { describe, expect, it } from 'vitest';
-import DurationDisplay from '../DurationDisplay.svelte';
-describe('DurationDisplay', () => {
-    it('renders decimal hours to one decimal place', () => {
-        render(DurationDisplay, { props: { hours: 2.5 } });
-        expect(screen.getByText('2.5')).toBeInTheDocument();
-    });
-    it('renders an HH:MM value in hhmm format', () => {
-        render(DurationDisplay, { props: { hours: 1.5, format: 'hhmm' } });
-        expect(screen.getByText('1:30')).toBeInTheDocument();
-    });
-    // #2605: `showLabel` used to be inert. `decimal` rendered `h` whatever the
-    // prop said, and `hhmm` rendered an empty `<span class="unit">` instead of a
-    // label. These pin the unit to the prop, and pin the unchanged defaults so a
-    // later change to them has to be deliberate.
-    describe('showLabel', () => {
-        it('renders the decimal unit by default', () => {
-            const { container } = render(DurationDisplay, { props: { hours: 2.5 } });
-            expect(container.querySelector('.unit')?.textContent).toBe('h');
-        });
-        it('renders the decimal unit when showLabel is set', () => {
-            const { container } = render(DurationDisplay, {
-                props: { hours: 2.5, showLabel: true },
-            });
-            expect(container.querySelector('.unit')?.textContent).toBe('h');
-        });
-        it('drops the decimal unit when showLabel is cleared', () => {
-            const { container } = render(DurationDisplay, {
-                props: { hours: 2.5, showLabel: false },
-            });
-            expect(container.querySelector('.unit')).toBeNull();
-            expect(container.textContent?.trim()).toBe('2.5');
-        });
-        it.each([
-            undefined,
-            true,
-            false,
-        ])('renders no unit element in hhmm format with showLabel=%s', (showLabel) => {
-            const { container } = render(DurationDisplay, {
-                props: { hours: 1.5, format: 'hhmm', showLabel },
-            });
-            expect(container.querySelector('.unit')).toBeNull();
-            expect(container.textContent?.trim()).toBe('1:30');
-        });
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(DurationDisplay, {
-            props: { hours: 8, showLabel: true },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/svelte/components/__tests__/TimeEntryCard.test.js

@@ -1,45 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Component coverage for TimeEntryCard via the shared S11 harness (#1416).
- */
-import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
-import { describe, expect, it, vi } from 'vitest';
-import TimeEntryCard from '../TimeEntryCard.svelte';
-const entry = {
-    id: 'e1',
-    date: '2026-06-01',
-    description: 'Implement feature',
-    status: 'draft',
-    hours: 3,
-    hourlyRate: 10000, // $100.00/h in cents (#2401)
-    amount: 30000, // 3 h x $100.00
-    workerName: 'Ada Lovelace',
-};
-describe('TimeEntryCard', () => {
-    it('renders the entry description, status, and worker', () => {
-        render(TimeEntryCard, { props: { entry } });
-        expect(screen.getByText('Implement feature')).toBeInTheDocument();
-        expect(screen.getByText('DRAFT')).toBeInTheDocument();
-        expect(screen.getByText('Ada Lovelace')).toBeInTheDocument();
-    });
-    it('forwards checkbox selection through onselect', async () => {
-        const onselect = vi.fn();
-        render(TimeEntryCard, {
-            props: { entry, selectable: true, onselect },
-        });
-        await userEvent.click(screen.getByLabelText('Select time entry for Implement feature'));
-        expect(onselect).toHaveBeenCalledWith('e1', true);
-    });
-    it('invokes onclick when the card is activated', async () => {
-        const onclick = vi.fn();
-        render(TimeEntryCard, { props: { entry, onclick } });
-        await userEvent.click(screen.getByText('Implement feature'));
-        expect(onclick).toHaveBeenCalledTimes(1);
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(TimeEntryCard, {
-            props: { entry, selectable: true, onselect: vi.fn() },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/svelte/components/__tests__/TimeEntryList.test.js

@@ -1,50 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Component coverage for TimeEntryList via the shared S11 harness (#1416).
- */
-import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
-import { describe, expect, it, vi } from 'vitest';
-import TimeEntryList from '../TimeEntryList.svelte';
-const entries = [
-    {
-        id: 'e1',
-        date: '2026-06-01',
-        description: 'First task',
-        status: 'draft',
-        hours: 2,
-    },
-    {
-        id: 'e2',
-        date: '2026-06-02',
-        description: 'Second task',
-        status: 'draft',
-        hours: 4,
-    },
-];
-describe('TimeEntryList', () => {
-    it('renders a card per entry', () => {
-        render(TimeEntryList, { props: { entries } });
-        expect(screen.getByText('First task')).toBeInTheDocument();
-        expect(screen.getByText('Second task')).toBeInTheDocument();
-    });
-    it('shows the empty message when there are no entries', () => {
-        render(TimeEntryList, {
-            props: { entries: [], emptyMessage: 'No time entries' },
-        });
-        expect(screen.getByText('No time entries')).toBeInTheDocument();
-    });
-    it('selects all entries via the header checkbox', async () => {
-        const onselectionchange = vi.fn();
-        render(TimeEntryList, {
-            props: { entries, selectable: true, onselectionchange },
-        });
-        await userEvent.click(screen.getByLabelText('Select all time entries'));
-        expect(onselectionchange).toHaveBeenCalledWith(['e1', 'e2']);
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(TimeEntryList, {
-            props: { entries, selectable: true, onselectionchange: vi.fn() },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/svelte/components/__tests__/TimeSummary.test.js

@@ -1,39 +0,0 @@
-// @vitest-environment jsdom
-/**
- * Component coverage for TimeSummary via the shared S11 harness (#1416).
- */
-import { expectNoA11yViolations, render, screen, } from '@happyvertical/smrt-vitest/svelte';
-import { describe, expect, it } from 'vitest';
-import TimeSummary from '../TimeSummary.svelte';
-describe('TimeSummary', () => {
-    it('renders the total hours and value cards', () => {
-        render(TimeSummary, {
-            props: { totalHours: 12, totalAmount: 600, entryCount: 3 },
-        });
-        expect(screen.getByText('Total Hours')).toBeInTheDocument();
-        expect(screen.getByText('Total Value')).toBeInTheDocument();
-        expect(screen.getByText('3 entries')).toBeInTheDocument();
-    });
-    it('shows pending and approved cards when enabled and non-zero', () => {
-        render(TimeSummary, {
-            props: {
-                totalHours: 12,
-                totalAmount: 600,
-                pendingHours: 4,
-                pendingAmount: 200,
-                approvedHours: 8,
-                approvedAmount: 400,
-                showPending: true,
-                showApproved: true,
-            },
-        });
-        expect(screen.getByText('Pending Approval')).toBeInTheDocument();
-        expect(screen.getByText('Approved')).toBeInTheDocument();
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(TimeSummary, {
-            props: { totalHours: 12, totalAmount: 600 },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/svelte/components/utils.d.ts

@@ -1,51 +0,0 @@
-/**
- * Shared utilities for time tracking components
- */
-export type Currency = 'CAD' | 'USD';
-export type TimeEntryStatus = 'draft' | 'submitted' | 'approved' | 'rejected';
-/** Alias for TimeEntryStatus for approval workflows */
-export type ApprovalStatus = TimeEntryStatus;
-/**
- * Time entry data structure
- */
-export interface TimeEntry {
-    id: string;
-    date: Date | string;
-    hours: number;
-    description: string;
-    status: TimeEntryStatus;
-    /** Integer minor units of the display currency — $19.99 is 1999 (#2401). */
-    amount?: number;
-    workerName?: string;
-    mileage?: number;
-    /** Minor units per hour, so `hours * hourlyRate` is minor units (#2401). */
-    hourlyRate?: number;
-}
-/**
- * Status color mapping using M3 design tokens
- */
-export declare const statusColors: Record<TimeEntryStatus, string>;
-/**
- * Format a date for display (e.g., "Jan 5")
- */
-export declare function formatDate(date: Date | string): string;
-/**
- * Format a minor-units amount for display.
- *
- * Money in this package is integer minor units (#2401) — `$19.99` is `1999` —
- * and `Intl.NumberFormat` expects major units, so the scale is undone here.
- * Without it a $19.99 charge renders as $1,999.00.
- *
- * The currency's own minor-unit exponent is used rather than a hard-coded 100,
- * so zero-decimal currencies (JPY, KRW) are not divided by anything.
- */
-export declare function formatCurrency(amount: number, currency?: Currency): string;
-/**
- * Format hours for display (e.g., "8.5h")
- */
-export declare function formatHours(hours: number): string;
-/**
- * Format hours in HH:MM format (e.g., "8:30")
- */
-export declare function formatHoursHHMM(hours: number): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/svelte/components/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9E,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG,eAAe,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC;IACxB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAKxD,CAAC;AAEF;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAGtD;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,GAAE,QAAgB,GACzB,MAAM,CAcR;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIrD"}

package/dist/svelte/components/utils.js

@@ -1,58 +0,0 @@
-/**
- * Shared utilities for time tracking components
- */
-/**
- * Status color mapping using M3 design tokens
- */
-export const statusColors = {
-    draft: 'var(--md-sys-color-outline)',
-    submitted: 'var(--md-sys-color-tertiary)',
-    approved: 'var(--md-sys-color-primary)',
-    rejected: 'var(--md-sys-color-error)',
-};
-/**
- * Format a date for display (e.g., "Jan 5")
- */
-export function formatDate(date) {
-    const d = typeof date === 'string' ? new Date(date) : date;
-    return d.toLocaleDateString('en-CA', { month: 'short', day: 'numeric' });
-}
-/**
- * Format a minor-units amount for display.
- *
- * Money in this package is integer minor units (#2401) — `$19.99` is `1999` —
- * and `Intl.NumberFormat` expects major units, so the scale is undone here.
- * Without it a $19.99 charge renders as $1,999.00.
- *
- * The currency's own minor-unit exponent is used rather than a hard-coded 100,
- * so zero-decimal currencies (JPY, KRW) are not divided by anything.
- */
-export function formatCurrency(amount, currency = 'CAD') {
-    // No fraction-digit override: the currency's own exponent is both the scale
-    // to undo and the precision to print. Forcing `minimumFractionDigits: 2`
-    // (as this did before minor units) would pin `maximumFractionDigits` to 2 as
-    // well, so a zero-decimal currency like JPY would report a scale of 2 — and
-    // then render `¥1,999.00` for a currency that has no fractional part at all.
-    // For CAD/USD the resolved default is already 2, so their output is
-    // unchanged.
-    const format = new Intl.NumberFormat('en-CA', {
-        style: 'currency',
-        currency,
-    });
-    const digits = format.resolvedOptions().maximumFractionDigits ?? 2;
-    return format.format(amount / 10 ** digits);
-}
-/**
- * Format hours for display (e.g., "8.5h")
- */
-export function formatHours(hours) {
-    return `${hours.toFixed(1)}h`;
-}
-/**
- * Format hours in HH:MM format (e.g., "8:30")
- */
-export function formatHoursHHMM(hours) {
-    const h = Math.floor(hours);
-    const m = Math.round((hours - h) * 60);
-    return `${h}:${m.toString().padStart(2, '0')}`;
-}