@fleetbase/fleetops-engine 0.6.38 → 0.6.40

package/addon/templates/management/fleets/index/new.hbs

@@ -9,5 +9,4 @@
 >
     <Fleet::Form @resource={{this.fleet}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/fleets/index.hbs

@@ -12,5 +12,4 @@
     @bulkActions={{this.bulkActions}}
     @controller={{this}}
 />
-{{outlet}}
-
+{{outlet}}

package/addon/templates/management/fuel-reports/index/edit.hbs

@@ -9,5 +9,4 @@
 >
     <FuelReport::Form @resource={{@model}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/fuel-reports/index/new.hbs

@@ -9,5 +9,4 @@
 >
     <FuelReport::Form @resource={{this.fuelReport}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/fuel-reports/index.hbs

@@ -12,5 +12,4 @@
     @bulkActions={{this.bulkActions}}
     @controller={{this}}
 />
-{{outlet}}
-
+{{outlet}}

package/addon/templates/management/issues/index/edit.hbs

@@ -9,5 +9,4 @@
 >
     <Issue::Form @resource={{@model}} @controller={{this}} />
     <Spacer @height="400px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/issues/index/new.hbs

@@ -9,5 +9,4 @@
 >
     <Issue::Form @resource={{this.issue}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/issues/index.hbs

@@ -12,5 +12,4 @@
     @bulkActions={{this.bulkActions}}
     @controller={{this}}
 />
-{{outlet}}
-
+{{outlet}}

package/addon/templates/management/places/index/details/activity.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/places/index/details/comments.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/places/index/details/documents.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/places/index/details/map.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/places/index/details/operations.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/places/index/details/performance.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/places/index/details/rules.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/vehicles/index/details/equipment.hbs

@@ -1,2 +1 @@
-
 {{outlet}}

package/addon/templates/management/vehicles/index/details/maintenance-history.hbs

@@ -0,0 +1,2 @@
+<Vehicle::Details::MaintenanceHistory @resource={{@model}} @vehicle={{@model}} />
+{{outlet}}

package/addon/templates/management/vehicles/index/details/schedules.hbs

@@ -0,0 +1,2 @@
+<Vehicle::Details::Schedules @resource={{@model}} @vehicle={{@model}} />
+{{outlet}}

package/addon/templates/management/vehicles/index/details/work-orders.hbs

@@ -0,0 +1,2 @@
+<Vehicle::Details::WorkOrders @resource={{@model}} @vehicle={{@model}} />
+{{outlet}}

package/addon/templates/management/vehicles/index/details.hbs

@@ -1,7 +1,7 @@
 <Layout::Resource::Panel
     @resource={{@model}}
     @controller={{this}}
-    @headerComponent={{component "vehicle/panel-header" resource=@model}}
+    @headerComponent={{component "vehicle/panel-header" resource=@model actionButtons=this.actionButtons}}
     @headerTitle={{or @model.displayName}}
     @actionButtons={{this.actionButtons}}
     @onPressCancel={{transition-to "management.vehicles.index"}}

package/addon/templates/management/vehicles/index/edit.hbs

@@ -9,5 +9,4 @@
 >
     <Vehicle::Form @resource={{@model}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/vehicles/index/new.hbs

@@ -9,5 +9,4 @@
 >
     <Vehicle::Form @resource={{this.vehicle}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/vendors/index/edit.hbs

@@ -9,5 +9,4 @@
 >
     <Vendor::Form @resource={{@model}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/vendors/index/new.hbs

@@ -9,5 +9,4 @@
 >
     <Vendor::Form @resource={{this.vendor}} @onIntegrationCreated={{this.setIntegration}} @controller={{this}} />
     <Spacer @height="200px" />
-</Layout::Resource::Panel>
-
+</Layout::Resource::Panel>

package/addon/templates/management/vendors/index.hbs

@@ -12,5 +12,4 @@
     @bulkActions={{this.bulkActions}}
     @controller={{this}}
 />
-{{outlet}}
-
+{{outlet}}

package/addon/templates/management/vendors/integrated.hbs

@@ -12,5 +12,4 @@
     @bulkActions={{this.bulkActions}}
     @controller={{this}}
 />
-{{outlet}}
-
+{{outlet}}

package/addon/templates/operations/orchestrator.hbs

@@ -0,0 +1 @@
+<OrchestratorWorkbench />

package/addon/templates/operations/orders/index.hbs

@@ -53,7 +53,12 @@
 {{/if}}
 
 {{#if (eq this.layout "kanban")}}
-    <Layout::Section::Header @title={{t "menu.order-board"}} @subtitle={{@model.length}} @subtitleClass="text-xs text-center font-semibold ml-2 w-6 h-6 rounded-full bg-blue-100 text-blue-900 dark:bg-blue-900 dark:text-blue-100 flex items-center justify-center" @actionsWrapperClass="space-x-1">
+    <Layout::Section::Header
+        @title={{t "menu.order-board"}}
+        @subtitle={{@model.length}}
+        @subtitleClass="text-xs text-center font-semibold ml-2 w-6 h-6 rounded-full bg-blue-100 text-blue-900 dark:bg-blue-900 dark:text-blue-100 flex items-center justify-center"
+        @actionsWrapperClass="space-x-1"
+    >
         <div class="flex flex-row items-center space-x-2">
             <div class="w-64">
                 <div class="fleetbase-model-select fleetbase-power-select ember-model-select">

package/addon/templates/operations/scheduler/fleet-schedule.hbs

@@ -0,0 +1,41 @@
+<Layout::Section::Header @title={{t "scheduler.fleet-schedule-tab"}}>
+    <div class="flex items-center gap-2">
+        <Button @type="default" @icon="chevron-left" @size="sm" @onClick={{this.previousWeek}} />
+        <Button @type="default" @text={{t "scheduler.today"}} @size="sm" @onClick={{this.goToToday}} />
+        <Button @type="default" @icon="chevron-right" @size="sm" @onClick={{this.nextWeek}} />
+        <div class="w-px h-5 bg-gray-300 dark:bg-gray-600 mx-1"></div>
+        <Button @type="primary" @text={{t "scheduler.add-shift"}} @icon="plus" @size="sm" @onClick={{this.addShift}} @permission="fleet-ops update driver" />
+    </div>
+</Layout::Section::Header>
+
+<Layout::Section::Body class="h-full overflow-y-scroll">
+    <div id="fleet-ops-fleet-schedule-container" class="h-full p-4">
+        {{#if this.loadScheduleItems.isRunning}}
+            <div class="flex items-center justify-center h-64">
+                <Spinner @size="lg" />
+            </div>
+        {{else}}
+            <FullCalendar
+                @events={{this.events}}
+                @resources={{this.calendarResources}}
+                @initialView="resourceTimelineWeek"
+                @editable={{true}}
+                @droppable={{true}}
+                @onEventDrop={{this.onEventDrop}}
+                @onEventClick={{this.onEventClick}}
+                @onInit={{this.setCalendarApi}}
+                @schedulerLicenseKey="GPL-My-Project-Is-Open-Source"
+                @resourceAreaHeaderContent={{t "resource.driver"}}
+                @resourceAreaWidth="180px"
+                @slotMinTime="05:00:00"
+                @slotMaxTime="23:00:00"
+                @height="auto"
+                @nowIndicator={{true}}
+                @weekends={{true}}
+                @slotDuration="01:00:00"
+                @slotLabelInterval="02:00:00"
+            />
+        {{/if}}
+    </div>
+    <Spacer @height="200px" />
+</Layout::Section::Body>

package/addon/templates/operations/scheduler/index.hbs

@@ -1,100 +1,159 @@
-<Layout::Section::Header @title={{t "menu.scheduler"}}>
-    {{!-- <div class="flex items-center gap-2">
-        <Button
-            @type={{if (eq this.viewMode "orders") "primary" "default"}}
-            @text="Orders"
-            @icon="box"
-            @onClick={{fn this.switchViewMode "orders"}}
-            @size="sm"
-        />
-        <Button
-            @type={{if (eq this.viewMode "drivers") "primary" "default"}}
-            @text="Driver Schedules"
-            @icon="id-card"
-            @onClick={{fn this.switchViewMode "drivers"}}
-            @size="sm"
-        />
-        {{#if (eq this.viewMode "drivers")}}
-            <Button
-                @type="success"
-                @text="Add Shift"
-                @icon="plus"
-                @onClick={{this.addDriverShift}}
-                @size="sm"
-            />
+<Layout::Section::Header @title={{t "scheduler.orders-tab"}}>
+    <div class="flex items-center gap-2">
+        {{! View range toggle }}
+        <div class="flex rounded-md border border-gray-300 dark:border-gray-600 overflow-hidden">
+            <button
+                type="button"
+                class="px-3 py-1 text-xs font-medium transition-colors
+                    {{if (eq this.viewRange 'day') 'bg-indigo-600 text-white' 'bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700'}}"
+                {{on "click" (fn this.setViewRange "day")}}
+            >
+                {{t "scheduler.view-day"}}
+            </button>
+            <button
+                type="button"
+                class="px-3 py-1 text-xs font-medium border-l border-gray-300 dark:border-gray-600 transition-colors
+                    {{if (eq this.viewRange 'week') 'bg-indigo-600 text-white' 'bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700'}}"
+                {{on "click" (fn this.setViewRange "week")}}
+            >
+                {{t "scheduler.view-week"}}
+            </button>
+        </div>
+
+        <div class="w-px h-5 bg-gray-300 dark:bg-gray-600 mx-1"></div>
+
+        {{! Calendar navigation }}
+        <Button @type="default" @icon="chevron-left" @size="sm" @onClick={{this.goToPrev}} />
+        <Button @type="default" @text={{t "scheduler.today"}} @size="sm" @onClick={{this.goToToday}} />
+        <Button @type="default" @icon="chevron-right" @size="sm" @onClick={{this.goToNext}} />
+
+        <div class="w-px h-5 bg-gray-300 dark:bg-gray-600 mx-1"></div>
+
+        {{! Undo / Redo }}
+        <Button @type="default" @icon="rotate-left" @size="sm" @disabled={{not this.scheduling.canUndo}} @onClick={{this.undo}} />
+        <Button @type="default" @icon="rotate-right" @size="sm" @disabled={{not this.scheduling.canRedo}} @onClick={{this.redo}} />
+
+        {{! Bulk assign (visible only when orders are selected) }}
+        {{#if this.hasSelection}}
+            <div class="w-px h-5 bg-gray-300 dark:bg-gray-600 mx-1"></div>
+            <Button @type="primary" @text={{t "scheduler.bulk-assign" count=this.selectedOrderIds.size}} @icon="layer-group" @size="sm" @onClick={{this.openBulkAssignModal}} />
+            <Button @type="default" @icon="xmark" @size="sm" @onClick={{this.clearSelection}} />
         {{/if}}
-    </div> --}}
+    </div>
 </Layout::Section::Header>
 
 <Layout::Section::Body>
-    <div id="fleet-ops-scheduler-container">
-        <div class="grid grid-cols-1 lg:grid-cols-3">
-            <div id="fleet-ops-scheduler-sidebar" class="scheduler-left-sidebar">
-                <ContentPanel
-                    @title={{t "scheduler.unscheduled-orders"}}
-                    @titleStatuRight={{this.unscheduledOrders.length}}
-                    @titleStatuRightClass="info-status-badge"
-                    @hideStatusDot={{true}}
-                    @open={{this.unscheduledOrders.length}}
-                    @wrapperClass="bordered-top"
-                >
-                    <div class="space-y-2">
-                        {{#each this.unscheduledOrders as |order|}}
-                            <FullCalendar::Draggable @eventData={{json-hash id=order.id title=order.eventTitle allDay=true}} @disabled={{cannot "fleet-ops update order"}}>
-                                <Order::ScheduleCard @order={{order}} @titleClass="cursor-move" @onTitleClick={{fn this.viewEvent order}} />
-                            </FullCalendar::Draggable>
-                        {{/each}}
-                    </div>
-                </ContentPanel>
-                <ContentPanel
-                    @title={{t "scheduler.scheduled-orders"}}
-                    @titleStatuRight={{this.scheduledOrders.length}}
-                    @titleStatusRightClass="info-status-badge"
-                    @hideStatusDot={{true}}
-                    @open={{this.scheduledOrders.length}}
-                    @wrapperClass="bordered-top"
-                >
-                    <div class="space-y-2">
-                        {{#each this.scheduledOrders as |order|}}
-                            <Order::ScheduleCard @order={{order}} @titleClass="cursor-pointer" @onTitleClick={{fn this.viewEvent order}} />
-                        {{/each}}
-                    </div>
-                </ContentPanel>
-                <Spacer @height="200px" />
+    {{#if (cannot "fleet-ops update order")}}
+        <div class="flex flex-row items-center text-xs bg-yellow-800 border border-yellow-600 px-3 py-2 rounded-md text-yellow-100 mx-4 mt-2 space-x-2">
+            <FaIcon @icon="triangle-exclamation" @size="sm" />
+            <div class="flex-1">{{t "scheduler.unauthorized-to-schedule"}}</div>
+        </div>
+    {{/if}}
+
+    <div id="fleet-ops-scheduler-container" class="flex h-full overflow-hidden">
+
+        {{! ── Sidebar ──────────────────────────────────────────────────── }}
+        <div
+            id="fleet-ops-scheduler-sidebar"
+            class="flex flex-col border-r border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 transition-all duration-200
+                {{if this.sidebarCollapsed 'w-0 overflow-hidden' 'w-72 min-w-72'}}"
+        >
+            {{! Search }}
+            <div class="p-2 border-b border-gray-200 dark:border-gray-700">
+                <div class="relative">
+                    <span class="absolute inset-y-0 left-0 flex items-center justify-center pointer-events-none text-gray-400 w-8">
+                        <FaIcon @icon="magnifying-glass" @size="xs" class="block align-baseline" />
+                    </span>
+                    <input
+                        type="text"
+                        class="form-input form-input-sm w-full pl-7i pr-7"
+                        placeholder={{t "scheduler.search-orders"}}
+                        value={{this.searchQuery}}
+                        {{on "input" this.onSearchInput}}
+                    />
+                    {{#if this.searchQuery}}
+                        <button type="button" class="absolute right-2 top-2 text-gray-400 hover:text-gray-600" {{on "click" this.clearSearch}}>
+                            <FaIcon @icon="xmark" @size="xs" />
+                        </button>
+                    {{/if}}
+                </div>
             </div>
 
-            <div id="fleet-ops-scheduler-calendar" class="col-span-2 py-4 px-2">
-                {{#if (cannot "fleet-ops update order")}}
-                    <div class="flex flex-row items-center text-xs bg-yellow-800 border border-yellow-600 px-2 py-2 rounded-md text-yellow-100 mb-4 space-x-2">
-                        <FaIcon @icon="triangle-exclamation" @size="sm" />
-                        <div class="flex-1">
-                            {{t "scheduler.unauthorized-to-schedule"}}
-                        </div>
-                    </div>
+            {{! Select all / count header }}
+            <div class="flex items-center justify-between px-3 py-1.5 border-b border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400">
+                <span>{{t "scheduler.unscheduled-orders"}} ({{this.unscheduledOrders.length}})</span>
+                {{#if this.unscheduledOrders.length}}
+                    <button type="button" class="text-indigo-500 hover:text-indigo-400 text-xs" {{on "click" this.selectAllOrders}}>
+                        {{t "scheduler.select-all"}}
+                    </button>
                 {{/if}}
-                {{#if (eq this.viewMode "drivers")}}
-                    <FullCalendar
-                        @events={{this.events}}
-                        @resources={{this.calendarResources}}
-                        @editable={{true}}
-                        @onEventDrop={{this.rescheduleEventFromDrag}}
-                        @onEventClick={{this.viewOrderAsEvent}}
-                        @onInit={{this.setCalendarApi}}
-                        @schedulerLicenseKey="GPL-My-Project-Is-Open-Source"
-                    />
+            </div>
+
+            {{! Unscheduled order list }}
+            {{! Cards are made natively draggable; onSidebarDragStart stores the order
+                 reference so onCalendarDrop can retrieve it without any FullCalendar
+                 Draggable wrapper (which required the premium scheduler plugin). }}
+            <div class="flex-1 overflow-y-auto p-2 space-y-1.5">
+                {{#each this.unscheduledOrders as |order|}}
+                    <div draggable={{if (cannot "fleet-ops update order") "false" "true"}} class="cursor-grab active:cursor-grabbing" {{on "dragstart" (fn this.onSidebarDragStart order)}}>
+                        <Order::ScheduleCard
+                            @order={{order}}
+                            @selectable={{true}}
+                            @selected={{this.isOrderSelected order.id}}
+                            @onSelect={{fn this.toggleOrderSelection order.id}}
+                            @onTitleClick={{fn this.viewEvent order}}
+                        />
+                    </div>
                 {{else}}
-                    <FullCalendar
-                        @events={{this.events}}
-                        @editable={{true}}
-                        @onDrop={{this.scheduleEventFromDrop}}
-                        @onEventReceive={{this.receivedEvent}}
-                        @onEventDrop={{this.rescheduleEventFromDrag}}
-                        @onEventClick={{this.viewOrderAsEvent}}
-                        @onInit={{this.setCalendarApi}}
-                    />
-                {{/if}}
-                <Spacer @height="200px" />
+                    <div class="flex flex-col items-center justify-center py-10 text-gray-400 dark:text-gray-600 text-sm">
+                        <FaIcon @icon="calendar-check" @size="2x" class="mb-2 opacity-40" />
+                        <span>{{t "scheduler.all-scheduled"}}</span>
+                    </div>
+                {{/each}}
             </div>
         </div>
+
+        {{! Sidebar collapse toggle }}
+        <button
+            type="button"
+            class="flex items-center justify-center w-4 bg-gray-100 dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors"
+            {{on "click" (fn (mut this.sidebarCollapsed) (not this.sidebarCollapsed))}}
+        >
+            <FaIcon @icon={{if this.sidebarCollapsed "chevron-right" "chevron-left"}} @size="xs" class="text-gray-400" />
+        </button>
+
+        {{! ── Timeline ─────────────────────────────────────────────────── }}
+        {{! EventCalendar uses @event-calendar/core (MIT licensed).
+             This replaces FullCalendar Premium resource-timeline plugins which
+             are incompatible with Fleetbase's dual AGPL v3 / commercial license.
+             External drag-and-drop is handled via native HTML5 dragover/drop
+             events on this container, with dateFromPoint() used to resolve the
+             target date and resource from the drop coordinates. }}
+        <div
+            id="fleet-ops-scheduler-timeline"
+            class="flex-1 overflow-hidden"
+            {{on "dragover" this.onCalendarDragOver}}
+            {{on "dragleave" this.onCalendarDragLeave}}
+            {{on "drop" this.onCalendarDrop}}
+        >
+            <EventCalendar
+                @view={{this.currentCalendarView}}
+                @date={{this.viewDate}}
+                @events={{this.allCalendarEvents}}
+                @resources={{this.calendarResources}}
+                @editable={{true}}
+                @slotMinTime={{this.calendarSlotMinTime}}
+                @slotMaxTime={{this.calendarSlotMaxTime}}
+                @slotWidth={{80}}
+                @height="100%"
+                @headerToolbar={{this.calendarHeaderToolbar}}
+                @resourceLabelContent={{this.renderResourceLabel}}
+                @eventContent={{this.renderEventContent}}
+                @onEventDrop={{this.rescheduleEventFromDrag}}
+                @onEventClick={{this.viewOrderAsEvent}}
+                @onCalendarReady={{this.setCalendarApi}}
+                @options={{this.calendarOptions}}
+            />
+        </div>
     </div>
 </Layout::Section::Body>

package/addon/templates/operations/scheduler.hbs

@@ -1 +1,7 @@
-{{outlet}}
+<div class="w-full h-full" {{constrain-view-section-width}}>
+    <TabNavigation @containerClass="fleet-ops-scheduler-tab-nav" @tabs={{this.tabs}} @size="lg" @tablistClass="next-view-section-subheader-fixed-height pl-2">
+        <:default>
+            {{outlet}}
+        </:default>
+    </TabNavigation>
+</div>

package/addon/templates/settings/avatars.hbs

@@ -3,7 +3,7 @@
 <Layout::Section::Body class="overflow-y-scroll h-full">
     <div class="container mx-auto h-screen">
         <div class="max-w-3xl my-10 mx-auto space-y-6">
-            <AvatarManager  />
+            <AvatarManager />
         </div>
     </div>
     <Spacer @height="600px" />

package/addon/templates/settings/orchestrator.hbs

@@ -0,0 +1,65 @@
+<Layout::Section::Header @title={{t "orchestrator.settings-title"}}>
+    <Button
+        @type="primary"
+        @size="sm"
+        @icon="save"
+        @text={{t "common.save-changes"}}
+        @onClick={{perform this.saveSettings}}
+        @disabled={{this.saveSettings.isRunning}}
+        @isLoading={{or this.saveSettings.isRunning this.loadSettings.isRunning}}
+    />
+</Layout::Section::Header>
+<Layout::Section::Body class="overflow-y-scroll h-full">
+    <div class="container mx-auto h-screen">
+        <div class="max-w-3xl my-10 mx-auto space-y-6">
+            {{#if this.loadSettings.isRunning}}
+                <div class="flex items-center justify-center py-12">
+                    <Spinner />
+                </div>
+            {{else}}
+                {{! ── Allocation Engine ──────────────────────────────────────── }}
+                <ContentPanel @title={{t "orchestrator.engine-settings"}} @open={{true}} @wrapperClass="bordered-classic">
+                    <InputGroup @name={{t "orchestrator.active-engine"}} @helpText={{t "orchestrator.active-engine-help"}}>
+                        <Select
+                            @value={{this.allocationEngine}}
+                            @options={{this.engineOptions}}
+                            @optionLabel="name"
+                            @optionValue="id"
+                            @onSelect={{fn (mut this.allocationEngine)}}
+                            @placeholder={{t "orchestrator.active-engine"}}
+                            class="w-full"
+                        />
+                    </InputGroup>
+                    <InputGroup @name={{t "orchestrator.auto-allocate-on-create"}}>
+                        <Toggle @isToggled={{this.autoAllocateOnCreate}} @onToggle={{fn (mut this.autoAllocateOnCreate)}} @label={{t "orchestrator.auto-allocate-on-create-label"}} />
+                    </InputGroup>
+                    <InputGroup @name={{t "orchestrator.auto-reallocate-on-complete"}}>
+                        <Toggle
+                            @isToggled={{this.autoReallocateOnComplete}}
+                            @onToggle={{fn (mut this.autoReallocateOnComplete)}}
+                            @label={{t "orchestrator.auto-reallocate-on-complete-label"}}
+                        />
+                    </InputGroup>
+                </ContentPanel>
+                {{! ── Allocation Constraints ─────────────────────────────────── }}
+                <ContentPanel @title={{t "orchestrator.constraint-settings"}} @open={{true}} @wrapperClass="bordered-classic">
+                    <InputGroup @name={{t "orchestrator.max-travel-time"}} @helpText={{t "orchestrator.max-travel-time-help"}}>
+                        <Input @type="number" @value={{this.maxTravelTimeSeconds}} min="0" step="300" class="w-full form-input" />
+                    </InputGroup>
+                    <InputGroup @name={{t "orchestrator.balance-workload"}}>
+                        <Toggle @isToggled={{this.balanceWorkload}} @onToggle={{fn (mut this.balanceWorkload)}} @label={{t "orchestrator.balance-workload-label"}} />
+                    </InputGroup>
+                </ContentPanel>
+                {{! ── Order Card Fields ───────────────────────────────────── }}
+                <ContentPanel @title={{t "orchestrator.card-fields"}} @open={{true}} @wrapperClass="bordered-classic">
+                    <p class="text-sm text-gray-500 dark:text-gray-400 mb-4">{{t "orchestrator.card-fields-description"}}</p>
+                    <Orchestrator::CardFieldsSettings @wrapperClass="space-y-4" />
+                </ContentPanel>
+                <RegistryYield @registry="fleet-ops:template:settings:orchestrator" as |RegistryComponent|>
+                    <RegistryComponent @controller={{this}} />
+                </RegistryYield>
+            {{/if}}
+        </div>
+    </div>
+    <Spacer @height="600px" />
+</Layout::Section::Body>

package/addon/templates/settings/payments/index.hbs

@@ -54,11 +54,7 @@
                                 {{/if}}
                             </InfoBlock>
                             {{#unless this.isStripeEnabled}}
-                                <InfoBlock
-                                    @type="warning"
-                                    @text={{t "settings.payments.system-stripe-not-setup"}}
-                                    class="mt-4"
-                                />
+                                <InfoBlock @type="warning" @text={{t "settings.payments.system-stripe-not-setup"}} class="mt-4" />
                             {{/unless}}
                         </div>
                     </div>