@fleetbase/fleetops-engine 0.6.64 → 0.6.66

package/addon/components/select-option/work-order.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @workOrder}}
+    @resourceType="work-order"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/select-option/zone.hbs

@@ -0,0 +1,12 @@
+<Resource::SelectOption
+    @option={{or @option @model @zone}}
+    @resourceType="zone"
+    @compact={{@compact}}
+    @title={{@title}}
+    @details={{@details}}
+    @photo={{@photo}}
+    @fallbackPhoto={{@fallbackPhoto}}
+    @icon={{@icon}}
+    @shape={{@shape}}
+    ...attributes
+/>

package/addon/components/sensor/details.hbs

@@ -120,12 +120,16 @@
         <div class="grid grid-cols-1 lg:grid-cols-3 gap-2">
             <div class="field-info-container">
                 <div class="field-name">Device</div>
-                <div class="field-value">{{n-a @resource.device.name}}</div>
+                <div class="field-value">
+                    <Device::Pill @device={{resource-relation @resource "device"}} @titleFallback={{n-a @resource.device.displayName}} />
+                </div>
             </div>
 
             <div class="field-info-container">
                 <div class="field-name">Warranty</div>
-                <div class="field-value">{{n-a @resource.warranty.name}}</div>
+                <div class="field-value">
+                    <Warranty::Pill @warranty={{resource-relation @resource "warranty"}} @titleFallback={{n-a @resource.warranty.name}} />
+                </div>
             </div>
         </div>
     </ContentPanel>

package/addon/components/sensor/form.hbs

@@ -4,6 +4,7 @@
             <InputGroup @name={{t "device.fields.telematic"}}>
                 <ModelSelect
                     @modelName="telematic"
+                    @selectedItemComponent={{component "select-option/telematic" compact=true}}
                     @selectedModel={{@resource.telematic}}
                     @placeholder="Select Telematic"
                     @triggerClass="form-select form-input"
@@ -13,22 +14,14 @@
                     @disabled={{cannot-write @resource}}
                     as |model|
                 >
-                    <div class="space-x-2 text-sm">
-                        <div class="inline-block align-top">
-                            <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">
-                            <div class="font-semibold normalize-in-trigger">{{or model.name model.public_id}}</div>
-                            <div class="hide-from-trigger">{{n-a model.provider_descriptor.label (titleize model.provider)}}</div>
-                        </div>
-                    </div>
+                    <SelectOption::Telematic @option={{model}} />
                 </ModelSelect>
             </InputGroup>
 
             <InputGroup @name="Device">
                 <ModelSelect
                     @modelName="device"
+                    @selectedItemComponent={{component "select-option/device" compact=true}}
                     @selectedModel={{@resource.device}}
                     @placeholder="Select Device"
                     @triggerClass="form-select form-input"
@@ -39,10 +32,7 @@
                     @disabled={{cannot-write @resource}}
                     as |model|
                 >
-                    <div class="text-sm">
-                        <div class="font-semibold normalize-in-trigger">{{model.name}}</div>
-                        <div class="hide-from-trigger">{{n-a model.serial_number}}</div>
-                    </div>
+                    <SelectOption::Device @option={{model}} />
                 </ModelSelect>
             </InputGroup>
 
@@ -139,6 +129,7 @@
             <InputGroup @name="Warranty">
                 <ModelSelect
                     @modelName="warranty"
+                    @selectedItemComponent={{component "select-option/warranty" compact=true}}
                     @selectedModel={{@resource.warranty}}
                     @placeholder="Select Warranty"
                     @triggerClass="form-select form-input"
@@ -149,9 +140,7 @@
                     @disabled={{cannot-write @resource}}
                     as |model|
                 >
-                    {{model.policy_number}}
-                    -
-                    {{model.provider}}
+                    <SelectOption::Warranty @option={{model}} />
                 </ModelSelect>
             </InputGroup>
         </div>

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

@@ -43,7 +43,7 @@
                         </span>
                     {{/if}}
                     {{#if this.deviceName}}
-                        <span class="inline-flex max-w-[12rem] items-center gap-1 truncate rounded-md bg-gray-100 px-1.5 py-0.5 text-[11px] font-medium leading-4 text-gray-600 dark:bg-gray-700 dark:text-gray-200">
+                        <span class="inline-flex max-w-[14rem] items-center gap-1 truncate rounded-md bg-gray-100 px-1.5 py-0.5 text-[11px] font-medium leading-4 text-gray-600 dark:bg-gray-700 dark:text-gray-200">
                             <FaIcon @icon="microchip" class="text-gray-400 dark:text-gray-300" />
                             <span class="truncate">{{this.deviceName}}</span>
                         </span>

package/addon/components/sensor/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @sensor @resource)}}
+    @resourceType="sensor"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/sensor/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @sensor @resource)}} @resourceType="sensor" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/service-area/details.hbs

@@ -19,25 +19,6 @@
     </ContentPanel>
 
     <ContentPanel @title={{t "common.map"}} @open={{true}} @wrapperClass="bordered-top">
-        <LeafletMap
-            class="w-full h-48 rounded-md shadow-md border border-gray-200 dark:border-gray-700"
-            @lat={{@resource.firstCoordinatePairLatitude}}
-            @lng={{@resource.firstCoordinatePairLongitude}}
-            @zoom={{12}}
-            @zoomControl={{false}}
-            as |layers|
-        >
-            <layers.tile @url={{leaflet-tile-url}} />
-            <layers.polygon
-                @id={{@resource.id}}
-                @record={{@resource}}
-                @locations={{unwrap-coordinates @resource.leafletCoordinates}}
-                @fillColor={{@resource.color}}
-                @color={{@resource.stroke_color}}
-                as |polygon|
-            >
-                <polygon.tooltip @permanent={{true}} @sticky={{true}}>{{@resource.name}} {{t "resource.service-area"}}</polygon.tooltip>
-            </layers.polygon>
-        </LeafletMap>
+        <GeofenceMap @resource={{@resource}} @label={{concat @resource.name " " (t "resource.service-area")}} />
     </ContentPanel>
 </div>

package/addon/components/service-area/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @serviceArea @resource)}}
+    @resourceType="service-area"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/service-area/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @serviceArea @resource)}} @resourceType="service-area" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/service-quote/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @serviceQuote @resource)}}
+    @resourceType="service-quote"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/service-quote/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @serviceQuote @resource)}} @resourceType="service-quote" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/service-quote-item/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @serviceQuoteItem @resource)}}
+    @resourceType="service-quote-item"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/service-quote-item/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @serviceQuoteItem @resource)}} @resourceType="service-quote-item" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/service-rate/details.hbs

@@ -8,7 +8,9 @@
 
             <div class="field-info-container">
                 <div class="field-name">{{t "service-rate.fields.service-order-label"}}</div>
-                <div class="field-value">{{n-a @resource.order_config.name}}</div>
+                <div class="field-value">
+                    <OrderConfig::Pill @orderConfig={{resource-relation @resource "order_config"}} @titleFallback={{n-a @resource.order_config.name}} />
+                </div>
             </div>
 
             <div class="field-info-container">
@@ -142,11 +144,11 @@
                                 <td>{{smart-humanize rateFee.geography_type}}</td>
                                 <td>
                                     {{#if (eq rateFee.geography_type "zone")}}
-                                        {{n-a rateFee.zone.name}}
+                                        <Zone::Pill @zone={{resource-relation rateFee "zone"}} @titleFallback={{n-a rateFee.zone.name}} @imageSize="20" @imageClass="w-5 h-5" @subtitle={{null}} />
                                     {{else if (eq rateFee.geography_type "fallback")}}
                                         Unmatched route distance
                                     {{else}}
-                                        {{n-a rateFee.service_area.name}}
+                                        <ServiceArea::Pill @serviceArea={{resource-relation rateFee "service_area"}} @titleFallback={{n-a rateFee.service_area.name}} @imageSize="20" @imageClass="w-5 h-5" @subtitle={{null}} />
                                     {{/if}}
                                 </td>
                                 <td>{{n-a rateFee.priority}}</td>
@@ -303,13 +305,17 @@
         <div class="grid grid-cols-1 lg:grid-cols-2 gap-2">
             <div class="field-info-container">
                 <div class="field-name">{{t "service-rate.fields.service-area-label"}}</div>
-                <div class="field-value">{{n-a @resource.serviceArea.name}}</div>
+                <div class="field-value">
+                    <ServiceArea::Pill @serviceArea={{resource-relation @resource "service_area"}} @titleFallback={{n-a @resource.service_area_name @resource.service_area.name}} />
+                </div>
             </div>
 
-            {{#if @resource.serviceArea}}
+            {{#if (or @resource.service_area_uuid @resource.zone_uuid)}}
                 <div class="field-info-container">
                     <div class="field-name">{{t "service-rate.fields.zone-label"}}</div>
-                    <div class="field-value">{{n-a @resource.zone.name}}</div>
+                    <div class="field-value">
+                        <Zone::Pill @zone={{resource-relation @resource "zone"}} @titleFallback={{n-a @resource.zone_name @resource.zone.name}} />
+                    </div>
                 </div>
             {{/if}}
         </div>

package/addon/components/service-rate/form.hbs

@@ -15,16 +15,14 @@
                     <PowerSelect
                         @options={{this.orderConfigActions.allOrderConfigs}}
                         @selected={{@resource.order_config}}
+                        @selectedItemComponent={{component "select-option/order-config" compact=true}}
                         @onChange={{this.selectOrderConfig}}
                         @placeholder={{t "service-rate.fields.select-order-type"}}
                         @triggerClass="form-select form-input"
                         @disabled={{cannot-write @resource}}
                         as |orderConfig|
                     >
-                        <div class="text-sm">
-                            <div class="font-semibold normalize-in-trigger">{{orderConfig.name}}</div>
-                            <div class="hide-from-trigger">{{n-a orderConfig.description}}</div>
-                        </div>
+                        <SelectOption::OrderConfig @option={{orderConfig}} />
                     </PowerSelect>
                 </div>
             </InputGroup>
@@ -265,13 +263,14 @@
                                                 <PowerSelect
                                                     @options={{this.zones}}
                                                     @selected={{rateFee.zone}}
+                                                    @selectedItemComponent={{component "select-option/zone" compact=true}}
                                                     @onChange={{fn this.selectRuleZone rateFee}}
                                                     @placeholder="Select zone"
                                                     @triggerClass="form-select form-input"
                                                     @disabled={{cannot-write @resource}}
                                                     as |zone|
                                                 >
-                                                    {{zone.name}}
+                                                    <SelectOption::Zone @option={{zone}} />
                                                 </PowerSelect>
                                             </div>
                                         {{else if (eq rateFee.geography_type "fallback")}}
@@ -281,13 +280,14 @@
                                                 <PowerSelect
                                                     @options={{this.serviceAreas}}
                                                     @selected={{rateFee.service_area}}
+                                                    @selectedItemComponent={{component "select-option/service-area" compact=true}}
                                                     @onChange={{fn this.selectRuleServiceArea rateFee}}
                                                     @placeholder="Select service area"
                                                     @triggerClass="form-select form-input"
                                                     @disabled={{cannot-write @resource}}
                                                     as |serviceArea|
                                                 >
-                                                    {{serviceArea.name}}
+                                                    <SelectOption::ServiceArea @option={{serviceArea}} />
                                                 </PowerSelect>
                                             </div>
                                         {{/if}}
@@ -637,6 +637,7 @@
         <InputGroup @name={{t "service-rate.fields.service-area-label"}} @helpText={{t "service-rate.fields.service-area-help-text"}}>
             <ModelSelect
                 @modelName="service-area"
+                @selectedItemComponent={{component "select-option/service-area" compact=true}}
                 @selectedModel={{@resource.serviceArea}}
                 @placeholder={{t "service-rate.fields.service-area-placeholder"}}
                 @triggerClass="form-select form-input"
@@ -648,7 +649,7 @@
                 @allowClear={{true}}
                 as |model|
             >
-                {{model.name}}
+                <SelectOption::ServiceArea @option={{model}} />
             </ModelSelect>
         </InputGroup>
 
@@ -656,6 +657,7 @@
             <InputGroup @name={{t "service-rate.fields.zone-label"}} @helpText={{t "service-rate.fields.zone-help-text"}} @wrapperClass="mt-2">
                 <ModelSelect
                     @modelName="zone"
+                    @selectedItemComponent={{component "select-option/zone" compact=true}}
                     @selectedModel={{@resource.zone}}
                     @query={{hash service_area_uuid=@resource.serviceArea.id}}
                     @placeholder={{t "service-rate.fields.zone-placeholder"}}
@@ -668,7 +670,7 @@
                     @allowClear={{true}}
                     as |model|
                 >
-                    {{model.name}}
+                    <SelectOption::Zone @option={{model}} />
                 </ModelSelect>
             </InputGroup>
         {{/if}}

package/addon/components/service-rate/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @serviceRate @resource)}}
+    @resourceType="service-rate"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/service-rate/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @serviceRate @resource)}} @resourceType="service-rate" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/service-rate-fee/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @serviceRateFee @resource)}}
+    @resourceType="service-rate-fee"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/service-rate-fee/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @serviceRateFee @resource)}} @resourceType="service-rate-fee" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/service-rate-parcel-fee/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @serviceRateParcelFee @resource)}}
+    @resourceType="service-rate-parcel-fee"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/service-rate-parcel-fee/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @serviceRateParcelFee @resource)}} @resourceType="service-rate-parcel-fee" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />

package/addon/components/table/cell/fleet-ops-option.hbs

@@ -0,0 +1,20 @@
+{{!
+    A table cell that shows an option's label rather than the value stored on
+    the record, so a Type column reads "DVIR" where the row holds "dvir".
+
+    The column names the list it draws from:
+
+        { valuePath: 'type', cellComponent: 'table/cell/fleet-ops-option', optionsKey: 'inspectionFormTypes' }
+
+    A value with no matching option is humanized rather than blanked, so a row
+    written before an option was retired is still legible.
+}}
+<div class="relative" aria-label={{or @value "-"}}>
+    <span class={{@column.cellClassNames}}>
+        {{#if @value}}
+            {{or (get-fleet-ops-option-label @column.optionsKey @value) (smart-humanize @value)}}
+        {{else}}
+            -
+        {{/if}}
+    </span>
+</div>

package/addon/components/telematic/details.hbs

@@ -1,3 +1,4 @@
+<Telematic::TelemetryStatus @resource={{@resource}} @provider={{@resource.provider_descriptor}} />
 <div class="flex flex-col gap-4 p-4 md:p-6" ...attributes>
     <section class="grid grid-cols-1 gap-3 lg:grid-cols-3">
         {{#each this.healthCards as |card|}}
@@ -77,7 +78,9 @@
                     <div class="text-gray-400 dark:text-gray-500">Integration ID</div>
                     <div class="mt-1 font-mono font-bold text-gray-900 dark:text-gray-100">{{n-a @resource.public_id}}</div>
                 </div>
-                {{#if @resource.provider_descriptor.supports_webhooks}}
+                {{#if @resource.provider_descriptor.metadata.telemetry.secure_webhooks}}
+                    <p class="text-xs">Use the live telemetry section to obtain the secure registration URL.</p>
+                {{else if @resource.provider_descriptor.supports_webhooks}}
                     <div class="rounded-md border border-gray-200 p-3 dark:border-gray-700 md:col-span-2">
                         <div class="mb-2 text-gray-400 dark:text-gray-500">Webhook URL</div>
                         {{#if this.hasWebhookUrl}}

package/addon/components/telematic/details.js

@@ -2,6 +2,7 @@ import Component from '@glimmer/component';
 
 export default class TelematicDetailsComponent extends Component {
     get webhookUrl() {
+        if (this.args.resource?.provider_descriptor?.metadata?.telemetry?.secure_webhooks) return null;
         const url = this.args.resource?.provider_descriptor?.webhook_url;
         const id = this.args.resource?.public_id;
 

package/addon/components/telematic/form.hbs

@@ -1,3 +1,4 @@
+<Telematic::TelemetryStatus @resource={{@resource}} @provider={{this.selectedProvider}} />
 <div class="flex min-h-0 flex-1 flex-col" ...attributes>
     <div class="min-h-0 flex-1 overflow-y-auto px-4 py-4 md:px-6">
         <div class="mx-auto flex w-full max-w-6xl flex-col gap-4">
@@ -251,7 +252,11 @@
             <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 no-input-group-padding text-xs">
                 <InputGroup @value={{@resource.name}} @name="Integration Name" />
 
-                {{#if this.selectedProvider.supports_webhooks}}
+                {{#if this.selectedProvider.metadata.telemetry.secure_webhooks}}
+
+                    <p class="text-xs">Use the live telemetry section to obtain the secure registration URL.</p>
+
+                {{else if this.selectedProvider.supports_webhooks}}
                     <InputGroup @name="Webhook URL" @wrapperClass="lg:col-span-2">
                         {{#if this.webhookUrl}}
                             <ClickToCopy @value={{this.webhookUrl}} class="w-full">

package/addon/components/telematic/form.js

@@ -144,6 +144,7 @@ export default class TelematicFormComponent extends Component {
     }
 
     get webhookUrl() {
+        if (this.selectedProvider?.metadata?.telemetry?.secure_webhooks) return null;
         const url = this.selectedProvider?.webhook_url;
         const id = this.args.resource?.public_id;
 

package/addon/components/telematic/pill.hbs

@@ -0,0 +1,24 @@
+<Resource::Pill
+    @resource={{(or @telematic @resource)}}
+    @resourceType="telematic"
+    @title={{@title}}
+    @titleFallback={{@titleFallback}}
+    @subtitle={{@subtitle}}
+    @showOnlineIndicator={{@showOnlineIndicator}}
+    @noPopover={{@noPopover}}
+    @popoverPlacement={{@popoverPlacement}}
+    @static={{@static}}
+    @onClick={{@onClick}}
+    @onView={{@onView}}
+    @anchorClass={{@anchorClass}}
+    @imageClass={{@imageClass}}
+    @imageWrapperClass={{@imageWrapperClass}}
+    @contentWrapperClass={{@contentWrapperClass}}
+    @titleClass={{@titleClass}}
+    @subtitleClass={{@subtitleClass}}
+    @useBlock={{(has-block)}}
+    ...attributes
+    as |resource|
+>
+    {{yield resource}}
+</Resource::Pill>

package/addon/components/telematic/settings.hbs

@@ -1,3 +1,4 @@
+<Telematic::TelemetryStatus @resource={{@resource}} @provider={{this.provider}} />
 <div class="flex min-h-0 flex-1 flex-col" ...attributes>
     <div class="min-h-0 flex-1 overflow-y-auto px-4 py-4 md:px-6">
         <div class="mx-auto flex w-full max-w-6xl flex-col gap-4">
@@ -100,7 +101,11 @@
                     <p class="text-xs text-gray-500 dark:text-gray-300">Provider-facing URL used for inbound telemetry when supported.</p>
                 </div>
 
-                {{#if this.provider.supports_webhooks}}
+                {{#if this.provider.metadata.telemetry.secure_webhooks}}
+
+                    <p class="text-xs">Use the live telemetry section to obtain the secure registration URL.</p>
+
+                {{else if this.provider.supports_webhooks}}
                     {{#if this.hasWebhookUrl}}
                         <ClickToCopy @value={{this.webhookUrl}} class="block w-full">
                             <Input @value={{this.webhookUrl}} class="form-input w-full" readonly />

package/addon/components/telematic/settings.js

@@ -19,6 +19,7 @@ export default class TelematicSettingsComponent extends Component {
     }
 
     get webhookUrl() {
+        if (this.provider?.metadata?.telemetry?.secure_webhooks) return null;
         const url = this.provider.webhook_url;
         const id = this.args.resource?.public_id;
 

package/addon/components/telematic/summary.hbs

@@ -0,0 +1 @@
+<Resource::Summary @resource={{(or @telematic @resource)}} @resourceType="telematic" @onView={{@onView}} @showView={{@showView}} @onClose={{@onClose}} @titleFallback={{@titleFallback}} ...attributes />