edge-impulse-linux 1.16.2 → 1.17.2

package/build/sdk/studio/sdk/model/permission.js

@@ -12,5 +12,5 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PermissionValues = void 0;
-exports.PermissionValues = ['admin:infra:disallowedEmailDomains:write', 'admin:infra:featureFlags:read', 'admin:infra:featureFlags:write', 'admin:infra:config:read', 'admin:infra:config:write', 'admin:infra:migrations:read', 'admin:infra:migrations:write', 'admin:metrics:read', 'admin:metrics:write', 'admin:oauth:read', 'admin:oauth:write', 'admin:organizations:read', 'admin:organizations:write', 'admin:organizations:members:write', 'admin:projects:members:write', 'admin:projects:read', 'admin:projects:write', 'admin:trashbin:write', 'admin:trials:read', 'admin:trials:write', 'admin:users:permissions:write', 'admin:users:read', 'admin:users:write', 'admin:jobs:read', 'admin:emails:verification:code:read', 'admin:sso:domainIdps:write', 'projects:limits:write', 'projects:training:keras:write', 'thirdpartyauth:read', 'thirdpartyauth:write', 'users:emails:read', 'whitelabels:read', 'whitelabels:write', 'test:data:write'];
+exports.PermissionValues = ['admin:infra:disallowedEmailDomains:read', 'admin:infra:disallowedEmailDomains:write', 'admin:infra:featureFlags:read', 'admin:infra:featureFlags:write', 'admin:infra:config:read', 'admin:infra:config:write', 'admin:infra:migrations:read', 'admin:infra:migrations:write', 'admin:metrics:read', 'admin:metrics:write', 'admin:oauth:read', 'admin:oauth:write', 'admin:organizations:read', 'admin:organizations:write', 'admin:organizations:members:write', 'admin:projects:members:write', 'admin:projects:read', 'admin:projects:write', 'admin:trashbin:write', 'admin:trials:read', 'admin:trials:write', 'admin:users:permissions:write', 'admin:users:read', 'admin:users:write', 'admin:jobs:read', 'admin:emails:verification:code:read', 'admin:sso:read', 'admin:sso:domainIdps:write', 'projects:limits:write', 'projects:training:keras:write', 'projects:data:versioning:write', 'thirdpartyauth:read', 'thirdpartyauth:write', 'users:emails:read', 'whitelabels:read', 'whitelabels:write', 'test:data:write'];
 //# sourceMappingURL=permission.js.map

package/build/sdk/studio/sdk/model/permission.js.map

@@ -1 +1 @@
-{"version":3,"file":"permission.js","sourceRoot":"","sources":["../../../../../sdk/studio/sdk/model/permission.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAKU,QAAA,gBAAgB,GAAa,CAAC,0CAA0C,EAAE,+BAA+B,EAAE,gCAAgC,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,mCAAmC,EAAE,8BAA8B,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,qCAAqC,EAAE,4BAA4B,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"permission.js","sourceRoot":"","sources":["../../../../../sdk/studio/sdk/model/permission.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAKU,QAAA,gBAAgB,GAAa,CAAC,yCAAyC,EAAE,0CAA0C,EAAE,+BAA+B,EAAE,gCAAgC,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,6BAA6B,EAAE,8BAA8B,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,2BAA2B,EAAE,mCAAmC,EAAE,8BAA8B,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,qCAAqC,EAAE,gBAAgB,EAAE,4BAA4B,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,gCAAgC,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC"}

package/build/sdk/studio/sdk/model/uploadVersionArchiveRequest.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Edge Impulse API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+/// <reference types="node" />
+/// <reference types="node" />
+export declare class UploadVersionArchiveRequest {
+    'zip': {
+        fieldname: string;
+        originalname: string;
+        encoding: string;
+        mimetype: string;
+        buffer: Buffer;
+        size: number;
+    }[];
+    static discriminator: string | undefined;
+    static attributeTypeMap: Array<{
+        name: string;
+        baseName: string;
+        type: string;
+    }>;
+    static getAttributeTypeMap(): {
+        name: string;
+        baseName: string;
+        type: string;
+    }[];
+}

package/build/sdk/studio/sdk/model/uploadVersionArchiveRequest.js

@@ -0,0 +1,29 @@
+"use strict";
+/**
+ * Edge Impulse API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadVersionArchiveRequest = void 0;
+class UploadVersionArchiveRequest {
+    static getAttributeTypeMap() {
+        return UploadVersionArchiveRequest.attributeTypeMap;
+    }
+}
+exports.UploadVersionArchiveRequest = UploadVersionArchiveRequest;
+UploadVersionArchiveRequest.discriminator = undefined;
+UploadVersionArchiveRequest.attributeTypeMap = [
+    {
+        "name": "zip",
+        "baseName": "zip",
+        "type": "RequestFile"
+    }
+];
+//# sourceMappingURL=uploadVersionArchiveRequest.js.map

package/build/sdk/studio/sdk/model/uploadVersionArchiveRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadVersionArchiveRequest.js","sourceRoot":"","sources":["../../../../../sdk/studio/sdk/model/uploadVersionArchiveRequest.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAGH,MAAa,2BAA2B;IAYpC,MAAM,CAAC,mBAAmB;QACtB,OAAO,2BAA2B,CAAC,gBAAgB,CAAC;IACxD,CAAC;;AAdL,kEAeC;AAZU,yCAAa,GAAuB,SAAS,CAAC;AAE9C,4CAAgB,GAA0D;IAC7E;QACI,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,KAAK;QACjB,MAAM,EAAE,aAAa;KACxB;CAAK,CAAC"}

package/build/shared/views/project/bounding-box-scaling.d.ts

@@ -0,0 +1,66 @@
+type ResizeEnum = 'squash' | 'fit-short' | 'fit-long' | 'crop';
+type BoundingBox = {
+    label: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+* Helper to calculate positions for predictions to be placed to the original image,
+* as we need to scale the coordinates of the predictions based on the resize mode.
+*/
+export declare const mapPredictionToOriginalImage: (resizeMode: ResizeEnum, box: BoundingBox, img: {
+    clientWidth: number;
+    clientHeight: number;
+    naturalWidth: number;
+    naturalHeight: number;
+}) => {
+    x: number;
+    y: number;
+    height: number;
+    width: number;
+};
+export declare const getMaskSize: (side: 'vertical' | 'horizontal', img: {
+    clientWidth: number;
+    clientHeight: number;
+    naturalWidth: number;
+    naturalHeight: number;
+}) => number;
+export declare const mapStructuredResultsBoundingBox: (opts: {
+    box: {
+        ymin: number;
+        xmin: number;
+        ymax: number;
+        xmax: number;
+    };
+    originalWidth: number;
+    originalHeight: number;
+    mode: ResizeEnum;
+}) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const mapResizedPixelResultsBoundingBox: (opts: {
+    box: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    resized: {
+        originalWidth: number;
+        originalHeight: number;
+        newWidth: number;
+        newHeight: number;
+    };
+    mode: ResizeEnum;
+}) => {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export {};

package/build/shared/views/project/bounding-box-scaling.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapResizedPixelResultsBoundingBox = exports.mapStructuredResultsBoundingBox = exports.getMaskSize = exports.mapPredictionToOriginalImage = void 0;
+/**
+* Helper to calculate positions for predictions to be placed to the original image,
+* as we need to scale the coordinates of the predictions based on the resize mode.
+*/
+const mapPredictionToOriginalImage = (resizeMode, box, img) => {
+    let x = 0;
+    let y = 0;
+    let width = 0;
+    let height = 0;
+    if (resizeMode === 'squash') {
+        // Just scale the coordinates to the original image ratio
+        x = Math.max(0, Math.min(box.x * img.clientWidth, img.clientWidth));
+        y = Math.max(0, Math.min(box.y * img.clientHeight, img.clientHeight));
+        width = Math.min(box.width * img.clientWidth, img.clientWidth - x);
+        height = Math.min(box.height * img.clientHeight, img.clientHeight - y);
+    }
+    else if (resizeMode === 'fit-short') {
+        const referenceAxis = Math.min(img.clientWidth, img.clientHeight);
+        // Fit-short mode, i.e. outsides of the longer axis is cropped
+        const yStartPosition = (0, exports.getMaskSize)('vertical', img);
+        const xStartPosition = (0, exports.getMaskSize)('horizontal', img);
+        x = Math.max(0, Math.min(box.x * referenceAxis, referenceAxis));
+        y = Math.max(0, Math.min(box.y * referenceAxis, referenceAxis));
+        width = Math.min(box.width * referenceAxis, referenceAxis - x);
+        height = Math.min(box.height * referenceAxis, referenceAxis - y);
+        // Now translate the coordinates for where the cropped part starts
+        x = x + xStartPosition;
+        y = y + yStartPosition;
+    }
+    else if (resizeMode === 'fit-long') {
+        const padding = getLetterboxSize(img);
+        const ratio = img.naturalWidth / img.naturalHeight;
+        if (ratio > 1) {
+            // Image is wider, so vertical padding was added
+            // Calculate normalized padding for the padding
+            const squaredHeight = img.clientHeight + 2 * padding;
+            const normalizedPadding = padding / squaredHeight;
+            // Remove normalized padding from y and re-normalize to the
+            // original image height (excluding the padding)
+            y = (box.y - normalizedPadding) / (1 - 2 * normalizedPadding);
+            x = box.x;
+            // Scale normalized width and height of the bounding box
+            width = box.width;
+            height = box.height / (1 - 2 * normalizedPadding);
+        }
+        else if (ratio < 1) {
+            // Image is taller, so horizontal padding was added
+            // Calculate normalized padding for the padding
+            const squaredWidth = img.clientWidth + 2 * padding;
+            const normalizedPadding = padding / squaredWidth;
+            // Remove normalized padding from x and re-normalize to the
+            // original image width (excluding the padding)
+            x = (box.x - normalizedPadding) / (1 - 2 * normalizedPadding);
+            y = box.y;
+            // Scale normalized width and height of the bounding box
+            width = box.width / (1 - 2 * normalizedPadding);
+            height = box.height;
+        }
+        else {
+            x = box.x;
+            y = box.y;
+            width = box.width;
+            height = box.height;
+        }
+        // Now scale the coordinates to the original image ratio
+        x = Math.max(0, Math.min(x * img.clientWidth, img.clientWidth));
+        y = Math.max(0, Math.min(y * img.clientHeight, img.clientHeight));
+        width = Math.min(width * img.clientWidth, img.clientWidth - x);
+        height = Math.min(height * img.clientHeight, img.clientHeight - y);
+    }
+    else if (resizeMode === 'crop') {
+        // Not expected
+        return { x: 0, y: 0, height: 0, width: 0 };
+    }
+    return { x, y, height, width };
+};
+exports.mapPredictionToOriginalImage = mapPredictionToOriginalImage;
+// Calculates the width/height of the area to be masked (at one side).
+const getMaskSize = (side, img) => {
+    let maskSize = 0;
+    if (side === 'horizontal' && img.clientWidth > img.clientHeight) {
+        const factor = img.naturalWidth / img.naturalHeight;
+        const maskedTotalWidth = img.clientWidth - (img.clientWidth / factor);
+        maskSize = Math.floor(maskedTotalWidth / 2);
+    }
+    else if (side === 'vertical' && img.clientHeight > img.clientWidth) {
+        const factor = img.naturalHeight / img.naturalWidth;
+        const maskedTotalHeight = img.clientHeight - (img.clientHeight / factor);
+        maskSize = Math.floor(maskedTotalHeight / 2);
+    }
+    return maskSize;
+};
+exports.getMaskSize = getMaskSize;
+// Calculates the width/height to make the image squared (at one side).
+const getLetterboxSize = (img) => {
+    let maskSize = 0;
+    const ratio = img.naturalWidth / img.naturalHeight;
+    if (ratio > 1) {
+        // Image is wider, calculate vertical padding to make it square
+        const maskedTotalHeight = img.clientWidth - (img.clientWidth / ratio);
+        maskSize = Math.floor(maskedTotalHeight / 2);
+    }
+    else if (ratio < 1) {
+        // Image is taller, calculate horizontal padding to make it square
+        const maskedTotalWidth = img.clientHeight - (img.clientHeight * ratio);
+        maskSize = Math.floor(maskedTotalWidth / 2);
+    }
+    return maskSize;
+};
+const mapStructuredResultsBoundingBox = (opts) => {
+    const bb = (0, exports.mapPredictionToOriginalImage)(opts.mode, {
+        label: 'test',
+        x: opts.box.xmin,
+        y: opts.box.ymin,
+        width: (opts.box.xmax - opts.box.xmin),
+        height: (opts.box.ymax - opts.box.ymin),
+    }, {
+        naturalWidth: opts.originalWidth,
+        naturalHeight: opts.originalHeight,
+        clientWidth: opts.originalWidth,
+        clientHeight: opts.originalHeight,
+    });
+    return {
+        x: Math.round(bb.x),
+        y: Math.round(bb.y),
+        width: Math.round(bb.width),
+        height: Math.round(bb.height),
+    };
+};
+exports.mapStructuredResultsBoundingBox = mapStructuredResultsBoundingBox;
+const mapResizedPixelResultsBoundingBox = (opts) => {
+    const bb = (0, exports.mapPredictionToOriginalImage)(opts.mode, {
+        label: 'test',
+        x: opts.box.x / opts.resized.newWidth,
+        y: opts.box.y / opts.resized.newHeight,
+        width: opts.box.width / opts.resized.newWidth,
+        height: opts.box.height / opts.resized.newHeight,
+    }, {
+        naturalWidth: opts.resized.originalWidth,
+        naturalHeight: opts.resized.originalHeight,
+        clientWidth: opts.resized.originalWidth,
+        clientHeight: opts.resized.originalHeight,
+    });
+    return {
+        x: Math.round(bb.x),
+        y: Math.round(bb.y),
+        width: Math.round(bb.width),
+        height: Math.round(bb.height),
+    };
+};
+exports.mapResizedPixelResultsBoundingBox = mapResizedPixelResultsBoundingBox;
+//# sourceMappingURL=bounding-box-scaling.js.map

package/build/shared/views/project/bounding-box-scaling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bounding-box-scaling.js","sourceRoot":"","sources":["../../../../shared/views/project/bounding-box-scaling.ts"],"names":[],"mappings":"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"}

package/cli/linux/webserver/public/assets/mobileclient.css

@@ -463,16 +463,23 @@ video {
     background-color: #bcf1fb;
 }
 
+#inferencing-in-progress th:first-child, #inferencing-in-progress td:first-child {
+    overflow: visible;
+    width: 80px;
+}
+
 .badge-camera {
     text-transform: none;
 }
 
 .capture-camera-inner {
-    height: 100%;
     display: inline-block;
     position: relative;
-    height: 100%;
-    object-fit: contain;
+}
+
+.capture-camera-inner img {
+    display: block;
+    width: 100%;
 }
 
 .bounding-box-label {
@@ -4176,6 +4183,11 @@ video {
 
 #preview-image-container {
     position: relative;
+    max-width: 100%;
+}
+
+#preview-image-container img {
+    max-width: 100%;
 }
 
 #thresholds-body {
@@ -4211,3 +4223,19 @@ video {
 .embed-view .header-logo-col {
     display: none;
 }
+
+.embed-view #header-row {
+    border: 0 !important;
+}
+.embed-view #header-row .col-auto {
+    z-index: 100000;
+}
+.embed-view #header-row .header-title-col {
+    visibility: hidden;
+}
+.embed-view #header-row .btn-icon-only {
+    background: white;
+}
+.embed-view #capture-camera {
+    margin-top: -68px !important;
+}

package/cli/linux/webserver/public/inference-server.js

@@ -118,108 +118,112 @@ window.InferenceServer = async (opts) => {
                     reader.readAsDataURL(els.uploadFile.files[0]);
                 });
 
-                els.previewSectionImg.src = dataUrl;
+                els.previewSectionImg.onload = () => {
+                    const result = body.result;
+                    let factor = els.previewSectionImg.naturalHeight / els.previewSectionImg.clientHeight;
 
-                const result = body.result;
-                let factor = 1;
-
-                for (let oldEl of els.previewSectionImgContainer.querySelectorAll('.bounding-box-container')) {
-                    oldEl.parentNode.removeChild(oldEl);
-                }
-
-                for (let b of (result.bounding_boxes || [])) {
-                    let bb = {
-                        x: b.x / factor,
-                        y: b.y / factor,
-                        width: b.width / factor,
-                        height: b.height / factor,
-                        label: b.label,
-                        value: b.value
-                    };
-                    if (!labelToColor[bb.label]) {
-                        labelToColor[bb.label] = colors[colorIx++ % colors.length];
+                    for (let oldEl of els.previewSectionImgContainer.querySelectorAll('.bounding-box-container')) {
+                        oldEl.parentNode.removeChild(oldEl);
+                    }
+
+                    for (let b of (result.bounding_boxes || [])) {
+                        let bb = {
+                            x: b.x / factor,
+                            y: b.y / factor,
+                            width: b.width / factor,
+                            height: b.height / factor,
+                            label: b.label,
+                            value: b.value
+                        };
+                        if (!labelToColor[bb.label]) {
+                            labelToColor[bb.label] = colors[colorIx++ % colors.length];
+                        }
+                        let color = labelToColor[bb.label];
+                        let el = document.createElement('div');
+                        el.classList.add('bounding-box-container');
+                        el.style.position = 'absolute';
+                        el.style.border = 'solid 3px ' + color;
+
+                        if (modelType === 'object_detection') {
+                            el.style.width = (bb.width) + 'px';
+                            el.style.height = (bb.height) + 'px';
+                            el.style.left = (bb.x) + 'px';
+                            el.style.top = (bb.y) + 'px';
+                        }
+                        else if (modelType === 'constrained_object_detection') {
+                            let centerX = bb.x + (bb.width / 2);
+                            let centerY = bb.y + (bb.height / 2);
+
+                            el.style.borderRadius = '10px';
+                            el.style.width = '20px';
+                            el.style.height = '20px';
+                            el.style.left = (centerX - 10) + 'px';
+                            el.style.top = (centerY - 10) + 'px';
+                        }
+
+                        let label = document.createElement('div');
+                        label.classList.add('bounding-box-label');
+                        label.style.background = color;
+                        label.textContent = bb.label + ' (' + bb.value.toFixed(2) + ')';
+                        el.style.whiteSpace = 'nowrap';
+                        el.appendChild(label);
+                        els.previewSectionImgContainer.appendChild(el);
                     }
-                    let color = labelToColor[bb.label];
-                    let el = document.createElement('div');
-                    el.classList.add('bounding-box-container');
-                    el.style.position = 'absolute';
-                    el.style.border = 'solid 3px ' + color;
 
-                    if (modelType === 'object_detection') {
+                    for (let b of (result.visual_anomaly_grid || [])) {
+                        let bb = {
+                            x: b.x / factor,
+                            y: b.y / factor,
+                            width: b.width / factor,
+                            height: b.height / factor,
+                            label: b.label,
+                            value: b.value
+                        };
+                        let el = document.createElement('div');
+                        el.classList.add('bounding-box-container');
+                        el.style.position = 'absolute';
+                        el.style.background = 'rgba(255, 0, 0, 0.5)';
                         el.style.width = (bb.width) + 'px';
                         el.style.height = (bb.height) + 'px';
                         el.style.left = (bb.x) + 'px';
                         el.style.top = (bb.y) + 'px';
-                    }
-                    else if (modelType === 'constrained_object_detection') {
-                        let centerX = bb.x + (bb.width / 2);
-                        let centerY = bb.y + (bb.height / 2);
-
-                        el.style.borderRadius = '10px';
-                        el.style.width = '20px';
-                        el.style.height = '20px';
-                        el.style.left = (centerX - 10) + 'px';
-                        el.style.top = (centerY - 10) + 'px';
-                    }
 
-                    let label = document.createElement('div');
-                    label.classList.add('bounding-box-label');
-                    label.style.background = color;
-                    label.textContent = bb.label + ' (' + bb.value.toFixed(2) + ')';
-                    el.style.whiteSpace = 'nowrap';
-                    el.appendChild(label);
-                    els.previewSectionImgContainer.appendChild(el);
-                }
-
-                for (let b of (result.visual_anomaly_grid || [])) {
-                    let bb = {
-                        x: b.x / factor,
-                        y: b.y / factor,
-                        width: b.width / factor,
-                        height: b.height / factor,
-                        label: b.label,
-                        value: b.value
-                    };
-                    let el = document.createElement('div');
-                    el.classList.add('bounding-box-container');
-                    el.style.position = 'absolute';
-                    el.style.background = 'rgba(255, 0, 0, 0.5)';
-                    el.style.width = (bb.width) + 'px';
-                    el.style.height = (bb.height) + 'px';
-                    el.style.left = (bb.x) + 'px';
-                    el.style.top = (bb.y) + 'px';
-
-                    let scoreFontSize = '';
-                    let scoreText = bb.value.toFixed(2);
-                    if (bb.width < 15) {
-                        scoreFontSize = '4px';
-                        scoreText = bb.value.toFixed(1);
-                    }
-                    else if (bb.width < 20) {
-                        scoreFontSize = '6px';
-                        scoreText = bb.value.toFixed(1);
+                        let scoreFontSize = '';
+                        let scoreText = bb.value.toFixed(2);
+                        if (bb.width < 15) {
+                            scoreFontSize = '4px';
+                            scoreText = bb.value.toFixed(1);
+                        }
+                        else if (bb.width < 20) {
+                            scoreFontSize = '6px';
+                            scoreText = bb.value.toFixed(1);
+                        }
+                        else if (bb.width < 32) {
+                            scoreFontSize = '9px';
+                        }
+
+                        let score = document.createElement('div');
+                        score.style.color = 'white';
+                        if (scoreFontSize) {
+                            score.style.fontSize = scoreFontSize;
+                        }
+                        score.textContent = scoreText;
+                        el.appendChild(score);
+
+                        // Center align the score
+                        el.style.display = 'flex';
+                        el.style.alignItems = 'center';
+                        el.style.justifyContent = 'center';
+
+                        els.previewSectionImgContainer.appendChild(el);
                     }
-                    else if (bb.width < 32) {
-                        scoreFontSize = '9px';
-                    }
-
-                    let score = document.createElement('div');
-                    score.style.color = 'white';
-                    if (scoreFontSize) {
-                        score.style.fontSize = scoreFontSize;
-                    }
-                    score.textContent = scoreText;
-                    el.appendChild(score);
+                };
 
-                    // Center align the score
-                    el.style.display = 'flex';
-                    el.style.alignItems = 'center';
-                    el.style.justifyContent = 'center';
+                els.previewSectionImg.src = dataUrl;
 
-                    els.previewSectionImgContainer.appendChild(el);
-                }
             }
             else {
+                els.previewSectionImg.onload = null;
                 els.previewSection.style.display = 'none';
             }
 
@@ -234,4 +238,11 @@ window.InferenceServer = async (opts) => {
             els.runInferenceBtn.textContent = origText;
         }
     };
+
+    // rerender bounding boxes on resize
+    window.onresize = () => {
+        if (els.previewSectionImg.onload) {
+            els.previewSectionImg.onload();
+        }
+    };
 };