@fleetbase/fleetops-engine 0.6.38 → 0.6.40

package/addon/components/activity/form.hbs

@@ -13,18 +13,8 @@
         @disabled={{cannot "fleet-ops update order-config"}}
         {{on "input" this.setActivityCode}}
     />
-    <InputGroup
-        @name={{t "activity.form.status"}}
-        @value={{@resource.status}}
-        @disabled={{cannot "fleet-ops update order-config"}}
-        @helpText={{t "activity.form.status-help-text"}}
-    />
-    <InputGroup
-        @name={{t "activity.form.details"}}
-        @value={{@resource.details}}
-        @disabled={{cannot "fleet-ops update order-config"}}
-        @helpText={{t "activity.form.details-help-text"}}
-    />
+    <InputGroup @name={{t "activity.form.status"}} @value={{@resource.status}} @disabled={{cannot "fleet-ops update order-config"}} @helpText={{t "activity.form.status-help-text"}} />
+    <InputGroup @name={{t "activity.form.details"}} @value={{@resource.details}} @disabled={{cannot "fleet-ops update order-config"}} @helpText={{t "activity.form.details-help-text"}} />
     <InputGroup>
         <Toggle @isToggled={{@resource.complete}} @onToggle={{fn (mut @resource.complete)}} @disabled={{cannot "fleet-ops update order-config"}}>
             <span class="dark:text-gray-100 text-sm ml-2">{{t "activity.form.completes-order"}}</span>

package/addon/components/activity/logic-builder.hbs

@@ -126,7 +126,7 @@
         {{else}}
             <div class="min-h-24 p-4">
                 <div class="flex items-center justify-center border border-dashed border-gray-300 dark:border-gray-600 p-6 rounded-xl bg-gray-50 dark:bg-gray-800">
-                    <div class="flex flex-col items-center justify-center ">
+                    <div class="flex flex-col items-center justify-center">
                         <FaIcon @icon="layer-group" @size="2x" class="text-gray-400 mb-2" />
                         <div class="text-sm text-gray-600 dark:text-gray-400 font-medium">
                             No activity logic

package/addon/components/custom-entity/form.hbs

@@ -21,32 +21,16 @@
     </ContentPanel>
     <ContentPanel @title={{t "custom-entity.fields.measurements"}} @open={{true}} @wrapperClass="bordered-top">
         <div class="grid grid-cols-2 gap-2">
-            <InputGroup
-                @name={{t "custom-entity.fields.length"}}
-                @helpText={{t "custom-entity.fields.length-text"}}
-                @wrapperClass="mb-2"
-            >
+            <InputGroup @name={{t "custom-entity.fields.length"}} @helpText={{t "custom-entity.fields.length-text"}} @wrapperClass="mb-2">
                 <UnitInput class="w-full" @value={{@resource.length}} @unit={{@resource.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{this.updateCustomEntityDimensionsUnit}} />
             </InputGroup>
-            <InputGroup
-                @name={{t "custom-entity.fields.width"}}
-                @helpText={{t "custom-entity.fields.width-text"}}
-                @wrapperClass="mb-2"
-            >
+            <InputGroup @name={{t "custom-entity.fields.width"}} @helpText={{t "custom-entity.fields.width-text"}} @wrapperClass="mb-2">
                 <UnitInput class="w-full" @value={{@resource.width}} @unit={{@resource.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{this.updateCustomEntityDimensionsUnit}} />
             </InputGroup>
-            <InputGroup
-                @name={{t "custom-entity.fields.height"}}
-                @helpText={{t "custom-entity.fields.height-text"}}
-                @wrapperClass="mb-2"
-            >
+            <InputGroup @name={{t "custom-entity.fields.height"}} @helpText={{t "custom-entity.fields.height-text"}} @wrapperClass="mb-2">
                 <UnitInput class="w-full" @value={{@resource.height}} @unit={{@resource.dimensions_unit}} @canSelectUnit={{true}} @onUnitChange={{this.updateCustomEntityDimensionsUnit}} />
             </InputGroup>
-            <InputGroup
-                @name={{t "custom-entity.fields.weight"}}
-                @helpText={{t "custom-entity.fields.weight-text"}}
-                @wrapperClass="mb-2"
-            >
+            <InputGroup @name={{t "custom-entity.fields.weight"}} @helpText={{t "custom-entity.fields.weight-text"}} @wrapperClass="mb-2">
                 <UnitInput
                     class="w-full"
                     @value={{@resource.weight}}

package/addon/components/device/form.hbs

@@ -15,7 +15,7 @@
                 >
                     <div class="space-x-2 text-sm">
                         <div class="inline-block align-top">
-                            <div class="hide-from-trigger h-1.5 w-full" />
+                            <div class="hide-from-trigger h-1.5 w-full"></div>
                             <Image src={{model.provider_descriptor.icon}} class="w-5 h-5" />
                         </div>
                         <div class="inline-block">
@@ -82,13 +82,7 @@
         </div>
         <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
             <InputGroup @name={{t "device.fields.device-name"}}>
-                <Input
-                    @value={{@resource.name}}
-                    @type="text"
-                    class="w-full form-input"
-                    placeholder={{t "device.fields.device-name-placeholder"}}
-                    disabled={{cannot-write @resource}}
-                />
+                <Input @value={{@resource.name}} @type="text" class="w-full form-input" placeholder={{t "device.fields.device-name-placeholder"}} disabled={{cannot-write @resource}} />
             </InputGroup>
 
             <InputGroup @name={{t "device.fields.device-id"}}>
@@ -112,13 +106,7 @@
             </InputGroup>
 
             <InputGroup @name={{t "device.fields.device-model"}}>
-                <Input
-                    @value={{@resource.model}}
-                    @type="text"
-                    class="w-full form-input"
-                    placeholder={{t "device.fields.device-model-placeholder"}}
-                    disabled={{cannot-write @resource}}
-                />
+                <Input @value={{@resource.model}} @type="text" class="w-full form-input" placeholder={{t "device.fields.device-model-placeholder"}} disabled={{cannot-write @resource}} />
             </InputGroup>
 
             <InputGroup @name={{t "device.fields.manufacturer"}}>

package/addon/components/device/panel-header.hbs

@@ -2,7 +2,14 @@
     <div class="flex flex-1 flex-row items-start justify-between">
         <div class="flex flex-row space-x-3">
             <div class="flex items-start justify-start rounded-full">
-                <Image src={{@resource.photo_url}} @fallbackSrc={{config "defaultValues.placeholderImage"}} alt={{@resource.displayName}} height="48" width="48" class="h-14 w-14 rounded-full shadow-sm" />
+                <Image
+                    src={{@resource.photo_url}}
+                    @fallbackSrc={{config "defaultValues.placeholderImage"}}
+                    alt={{@resource.displayName}}
+                    height="48"
+                    width="48"
+                    class="h-14 w-14 rounded-full shadow-sm"
+                />
                 <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
                     <InputInfo @text={{@resource.displayName}} />
                 </Attach::Tooltip>
@@ -10,7 +17,11 @@
             <div class="flex flex-col">
                 <h1 class="text-gray-900 dark:text-white font-semibold text-lg">{{@resource.displayName}}</h1>
                 <div>
-                    <div class="text-xs text-gray-400 dark:text-gray-500">{{concat (n-a (titleize @resource.provider)) " " (n-a (get-fleet-ops-option-label "deviceTypes" @resource.type))}}</div>
+                    <div class="text-xs text-gray-400 dark:text-gray-500">{{concat
+                            (n-a (titleize @resource.provider))
+                            " "
+                            (n-a (get-fleet-ops-option-label "deviceTypes" @resource.type))
+                        }}</div>
                     <div class="text-xs text-gray-400 dark:text-gray-500">{{n-a @resource.serial_number}}</div>
                 </div>
                 <Badge @status={{if @resource.online "online" "offline"}}>{{if @resource.online (t "common.online") (t "common.offline")}}</Badge>

package/addon/components/driver/details.hbs

@@ -51,14 +51,45 @@
             </div>
         </div>
     </ContentPanel>
-
     <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
 
     <RegistryYield @registry="fleet-ops:component:driver:details" as |RegistryComponent|>
         <RegistryComponent @resource={{@resource}} @controller={{@controller}} @permission={{get-write-permission @resource}} />
     </RegistryYield>
 
-    <ContentPanel @title={{t "common.metadata"}} @open={{true}} @actionButtons={{this.metadataButtons}} @wrapperClass="bordered-top" @panelBodyWrapperClass={{unless (is-object-empty @resource.meta) "px-0i" ""}}>
+    {{! ORCHESTRATOR CONSTRAINTS (read-only view) }}
+    {{#if (or @resource.skills.length @resource.max_distance @resource.max_travel_time)}}
+        <ContentPanel @title="Orchestrator Constraints" @open={{true}} @wrapperClass="bordered-top">
+            <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
+                {{#if @resource.skills.length}}
+                    <div class="field-info-container col-span-2">
+                        <div class="field-name">Skills & Certifications</div>
+                        <div class="field-value">{{join @resource.skills ", "}}</div>
+                    </div>
+                {{/if}}
+                {{#if @resource.max_travel_time}}
+                    <div class="field-info-container">
+                        <div class="field-name">Max Driving Time</div>
+                        <div class="field-value">{{@resource.max_travel_time}} s</div>
+                    </div>
+                {{/if}}
+                {{#if @resource.max_distance}}
+                    <div class="field-info-container">
+                        <div class="field-name">Max Distance</div>
+                        <div class="field-value">{{@resource.max_distance}} m</div>
+                    </div>
+                {{/if}}
+            </div>
+        </ContentPanel>
+    {{/if}}
+
+    <ContentPanel
+        @title={{t "common.metadata"}}
+        @open={{true}}
+        @actionButtons={{this.metadataButtons}}
+        @wrapperClass="bordered-top"
+        @panelBodyWrapperClass={{unless (is-object-empty @resource.meta) "px-0i" ""}}
+    >
         <MetadataViewer @metadata={{@resource.meta}} />
     </ContentPanel>
 </div>

package/addon/components/driver/form.hbs

@@ -166,6 +166,48 @@
         </RegistryYield>
     </ContentPanel>
 
+    {{! ORCHESTRATOR CONSTRAINTS }}
+    <ContentPanel @title="Orchestrator Constraints" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                Skills & Certifications
+            </div>
+            <div class="col-span-1 lg:col-span-2">
+                <InputGroup @name="Driver Skills" @helpText="Skills and certifications this driver holds (e.g. refrigerated, hazmat, forklift). Used by the Orchestrator for order matching.">
+                    <MultiSelect
+                        @options={{get-fleet-ops-options "driverSkills"}}
+                        @selected={{@resource.skills}}
+                        @onChange={{fn (mut @resource.skills)}}
+                        @placeholder="Select skills…"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        {{option.label}}
+                    </MultiSelect>
+                </InputGroup>
+            </div>
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                Route Limits
+            </div>
+            <div class="col-span-1 lg:col-span-2 text-xs text-gray-500 dark:text-gray-400 -mt-1">
+                Hard caps applied by the Orchestrator when building a single route. These are separate from the driver's shift schedule, which controls availability windows.
+            </div>
+            <InputGroup
+                @name="Max Driving Time (seconds)"
+                @helpText="Maximum total driving time in seconds the Orchestrator may assign to this driver in a single route. Leave blank for no limit. Example: 28800 = 8 hours."
+            >
+                <Input @value={{@resource.max_travel_time}} @type="number" class="form-input w-full" placeholder="e.g. 28800 (8 h)" disabled={{cannot-write @resource}} />
+            </InputGroup>
+            <InputGroup
+                @name="Max Distance (metres)"
+                @helpText="Maximum total route distance in metres the Orchestrator may assign to this driver in a single route. Leave blank for no limit."
+            >
+                <Input @value={{@resource.max_distance}} @type="number" class="form-input w-full" placeholder="e.g. 150000 (150 km)" disabled={{cannot-write @resource}} />
+            </InputGroup>
+        </div>
+    </ContentPanel>
+
     <CustomField::Yield @subject={{@resource}} @wrapperClass="bordered-top" />
 
     <RegistryYield @registry="fleet-ops:component:driver:form" as |RegistryComponent|>

package/addon/components/driver/panel-header.hbs

@@ -2,7 +2,14 @@
     <div class="flex flex-1 flex-row items-start justify-between">
         <div class="flex flex-row space-x-3">
             <div class="flex items-start justify-start rounded-full">
-                <Image src={{@resource.photo_url}} @fallbackSrc={{config "defaultValues.driverImage"}} alt={{@resource.name}} height="48" width="48" class="h-14 w-14 rounded-full shadow-sm" />
+                <Image
+                    src={{@resource.photo_url}}
+                    @fallbackSrc={{config "defaultValues.driverImage"}}
+                    alt={{@resource.name}}
+                    height="48"
+                    width="48"
+                    class="h-14 w-14 rounded-full shadow-sm"
+                />
                 <Attach::Tooltip @class="clean" @animation="scale" @placement="top">
                     <InputInfo @text={{@resource.name}} />
                 </Attach::Tooltip>

package/addon/components/driver/schedule.hbs

@@ -1,100 +1,139 @@
 <div class="driver-schedule-container" ...attributes>
-    <ContentPanel @title="Hours of Service Status" @open={{true}} @isLoading={{this.loadHOSStatus.isRunning}} @wrapperClass="bordered-top">
-        {{#if this.hosStatus}}
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded">
-                    <div>
-                        <div class="text-sm text-gray-500 dark:text-gray-400">Daily Driving Hours</div>
-                        <div class="text-2xl font-bold">{{this.hosStatus.daily_hours}}/11</div>
-                    </div>
-                    <div class="w-16 h-16">
-                        <CircularProgress @value={{this.hosStatus.daily_hours}} @max={{11}} />
-                    </div>
-                </div>
 
-                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded">
-                    <div>
-                        <div class="text-sm text-gray-500 dark:text-gray-400">Weekly Hours</div>
-                        <div class="text-2xl font-bold">{{this.hosStatus.weekly_hours}}/70</div>
-                    </div>
-                    <div class="w-16 h-16">
-                        <CircularProgress @value={{this.hosStatus.weekly_hours}} @max={{70}} />
-                    </div>
-                </div>
+    {{! ── Upcoming Shifts Panel ───────────────────────────────────────────── }}
+    <ContentPanel
+        @title={{t "scheduler.upcoming-shifts"}}
+        @open={{true}}
+        @isLoading={{this.loadDriverSchedule.isRunning}}
+        @actionButtons={{this.shiftActionButtons}}
+        @wrapperClass="bordered-top"
+    >
+        {{! Week navigation row }}
+        <div class="flex items-center justify-end space-x-1 mb-3">
+            <Button @icon="chevron-left" @size="xs" @type="link" {{on "click" this.prevWeek}} />
+            <span class="text-xs text-gray-500 dark:text-gray-400 tabular-nums">{{this.weekRangeLabel}}</span>
+            <Button @icon="chevron-right" @size="xs" @type="link" {{on "click" this.nextWeek}} />
+        </div>
 
-                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded">
-                    <div>
-                        <div class="text-sm text-gray-500 dark:text-gray-400">Compliance Status</div>
+        {{! 7-day compact calendar grid }}
+        <div class="grid grid-cols-7 gap-px bg-gray-200 dark:bg-gray-700 rounded overflow-hidden text-xs">
+            {{#each this.weekDays as |day|}}
+                <div class="bg-white dark:bg-gray-800 p-1.5 min-h-16">
+                    {{! Single-line day header: "Mon 6" }}
+                    <div class="flex items-center space-x-0.5 mb-1.5">
+                        <span class="text-gray-400 dark:text-gray-500 uppercase tracking-wide text-[9px]">{{day.label}}</span>
                         <span
-                            class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-{{this.hosComplianceBadge.color}}-100 text-{{this.hosComplianceBadge.color}}-800"
-                        >
-                            {{this.hosComplianceBadge.text}}
-                        </span>
+                            class="{{if
+                                    day.isToday
+                                    'flex items-center justify-center w-4 h-4 rounded-full bg-indigo-600 text-white font-bold leading-none text-xs'
+                                    'text-gray-500 dark:text-gray-400'
+                                }}"
+                        >{{day.dayNum}}</span>
                     </div>
+                    {{! Shift chips — badge info style (light/dark via CSS) }}
+                    {{#each day.shifts as |shift|}}
+                        <div class="driver-schedule-shift-chip">
+                            <span class="shift-chip-time">
+                                {{format-date-fns shift.start_at "HH:mm"}}–{{format-date-fns shift.end_at "HH:mm"}}
+                            </span>
+                            <div class="shift-chip-actions">
+                                <button type="button" class="shift-chip-action-btn edit" title={{t "scheduler.edit-shift"}} {{on "click" (fn this.editShift shift)}}>
+                                    <FaIcon @icon="pencil" @size="xs" />
+                                </button>
+                                <button type="button" class="shift-chip-action-btn delete" title={{t "scheduler.delete-shift"}} {{on "click" (fn this.deleteShift shift)}}>
+                                    <FaIcon @icon="trash" @size="xs" />
+                                </button>
+                            </div>
+                        </div>
+                    {{/each}}
                 </div>
-            </div>
-        {{/if}}
-    </ContentPanel>
-    <ContentPanel @title="Schedule Calendar" @open={{true}} @isLoading={{this.loadDriverSchedule.isRunning}} @actionButtons={{this.scheduleActionButtons}} @wrapperClass="bordered-top">
-        <ScheduleCalendar @items={{this.scheduleItems}} @view="timeGridWeek" @onItemClick={{this.handleItemClick}}>
-            <:item as |ctx|>
-                <div class="schedule-item-content">
-                    <div class="font-medium">{{ctx.item.title}}</div>
-                    <div class="text-xs">{{ctx.item.duration}} min</div>
-                </div>
-            </:item>
-        </ScheduleCalendar>
+            {{/each}}
+        </div>
     </ContentPanel>
 
-    <ContentPanel @title="Upcoming Shifts" @open={{true}} @actionButtons={{this.shiftActionButtons}} @wrapperClass="bordered-top">
-        {{#if this.upcomingShifts.length}}
-            <div class="space-y-2">
-                {{#each this.upcomingShifts as |shift|}}
-                    <ScheduleItemCard @item={{shift}} @onClick={{this.handleItemClick}}>
-                        <:actions>
-                            <button type="button" class="text-blue-600 hover:text-blue-800 text-sm" {{on "click" (fn this.editScheduleItem shift)}}>
-                                Edit
-                            </button>
-                        </:actions>
-                    </ScheduleItemCard>
-                {{/each}}
+    {{! ── HOS Status Panel ────────────────────────────────────────────────── }}
+    <ContentPanel @title={{t "scheduler.hours-of-service"}} @open={{true}} @wrapperClass="bordered-top" @isLoading={{this.loadHOSStatus.isRunning}}>
+        <div class="grid grid-cols-3 gap-2 text-xs dark:text-gray-100">
+            <div class="flex flex-col p-3 bg-gray-50 dark:bg-gray-700 rounded">
+                <div class="text-gray-500 dark:text-gray-400">{{t "scheduler.daily-driving-hours"}}</div>
+                <div class="text-lg font-bold">{{this.hosStatus.daily_hours}}<span class="text-gray-400 font-normal">/11h</span></div>
             </div>
-        {{else}}
-            <div class="text-center py-4 text-gray-500 dark:text-gray-400">
-                No upcoming shifts scheduled
+            <div class="flex flex-col p-3 bg-gray-50 dark:bg-gray-700 rounded">
+                <div class="text-gray-500 dark:text-gray-400">{{t "scheduler.weekly-hours"}}</div>
+                <div class="text-lg font-bold">{{this.hosStatus.weekly_hours}}<span class="text-gray-400 font-normal">/70h</span></div>
             </div>
-        {{/if}}
+            <div class="flex flex-col p-3 bg-gray-50 dark:bg-gray-700 rounded">
+                <div class="text-gray-500 dark:text-gray-400">{{t "scheduler.compliance-status"}}</div>
+                <span
+                    class="mt-1 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-{{this.hosComplianceBadge.color}}-100 text-{{this.hosComplianceBadge.color}}-800 dark:bg-{{this.hosComplianceBadge.color}}-900 dark:text-{{this.hosComplianceBadge.color}}-200"
+                >
+                    {{this.hosComplianceBadge.label}}
+                </span>
+            </div>
+        </div>
     </ContentPanel>
 
-    <ContentPanel @title="Availability & Time Off" @open={{true}} @actionButtons={{this.availabilityActionButtons}} @wrapperClass="bordered-top">
-        {{#if this.availability.length}}
-            <div class="space-y-2">
-                {{#each this.availability as |avail|}}
-                    <div class="flex items-center justify-between p-2 bg-gray-50 dark:bg-gray-700 rounded">
-                        <div>
-                            <div class="font-medium">
-                                {{#if avail.is_available}}
-                                    <span class="text-green-600">Available</span>
-                                {{else}}
-                                    <span class="text-red-600">Unavailable</span>
-                                {{/if}}
+    {{! ── Time Off & Exceptions Panel ─────────────────────────────────────── }}
+    <ContentPanel
+        @title={{t "scheduler.time-off-exceptions"}}
+        @open={{true}}
+        @isLoading={{this.loadDriverSchedule.isRunning}}
+        @actionButtons={{this.exceptionActionButtons}}
+        @wrapperClass="bordered-top"
+    >
+        {{#if this.exceptions.length}}
+            <div class="space-y-1">
+                {{#each this.exceptions as |exception|}}
+                    <div class="flex items-center justify-between p-2 rounded hover:bg-gray-50 dark:hover:bg-gray-700 text-xs dark:text-gray-100">
+                        <div class="flex items-center space-x-3">
+                            <div
+                                class="w-2 h-2 rounded-full flex-shrink-0
+                                    {{if (eq exception.status 'approved') 'bg-green-500' (if (eq exception.status 'rejected') 'bg-red-500' 'bg-yellow-500')}}"
+                            >
                             </div>
-                            <div class="text-sm text-gray-500">
-                                {{format-date-fns avail.start_at "MMM DD, YYYY"}}
-                                -
-                                {{format-date-fns avail.end_at "MMM DD, YYYY"}}
+                            <div>
+                                <div class="font-medium">
+                                    {{exception.typeLabel}}
+                                    {{#if exception.reason}}
+                                        <span class="text-gray-400 font-normal"> — {{exception.reason}}</span>
+                                    {{/if}}
+                                </div>
+                                <div class="text-gray-500 dark:text-gray-400">
+                                    {{format-date-fns exception.start_at "MMM d"}}
+                                    –
+                                    {{format-date-fns exception.end_at "MMM d, yyyy"}}
+                                </div>
                             </div>
-                            {{#if avail.reason}}
-                                <div class="text-xs text-gray-400">{{avail.reason}}</div>
+                        </div>
+                        <div class="flex items-center space-x-1">
+                            <span
+                                class="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium
+                                    {{if
+                                        (eq exception.status 'approved')
+                                        'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'
+                                        (if
+                                            (eq exception.status 'rejected')
+                                            'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'
+                                            'bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200'
+                                        )
+                                    }}"
+                            >
+                                {{exception.status}}
+                            </span>
+                            {{#if exception.isPending}}
+                                <Button @icon="check" @size="xs" @type="link" @scheme="success" {{on "click" (fn this.approveException exception)}} />
+                                <Button @icon="xmark" @size="xs" @type="link" @scheme="danger" {{on "click" (fn this.rejectException exception)}} />
                             {{/if}}
+                            <Button @icon="trash" @size="xs" @type="link" @scheme="danger" {{on "click" (fn this.deleteException exception)}} />
                         </div>
                     </div>
                 {{/each}}
             </div>
         {{else}}
-            <div class="text-center py-4 text-gray-500 dark:text-gray-400">
-                No availability restrictions set
+            <div class="text-center py-6 text-xs text-gray-500 dark:text-gray-400">
+                {{t "scheduler.no-exceptions"}}
             </div>
         {{/if}}
     </ContentPanel>
+
 </div>