From 69871e71f1c3a17a0a2b99a1a6419b762fa929c3 Mon Sep 17 00:00:00 2001
From: Your Name <josip.jureta@gmail.com>
Date: Tue, 21 Jul 2026 21:06:27 -0400
Subject: [PATCH] fix(core): correct two CalcInfo type errors missed by the
 build

npm run build only type-checks components something imports, so the three
tasks that ported components in isolation were never actually checked. A
temporary probe importing all five surfaced these:

- uploadNative declared its param as Event & {target: HTMLInputElement},
  which is not assignable to the DOM's (payload: Event) => void handler.
  Cast inside the function instead.
- info.os_extension.split('.').pop() is string | undefined but uploadOs
  takes string. Extracted to an osExtension computed with a '' fallback.

Only CalcInfo was affected; FileIcon, FileView, DeviceSelect, and
DeviceQueue all passed.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 n-link-core/components/CalcInfo.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/n-link-core/components/CalcInfo.vue b/n-link-core/components/CalcInfo.vue
index 48fc8dd..932612e 100644
--- a/n-link-core/components/CalcInfo.vue
+++ b/n-link-core/components/CalcInfo.vue
@@ -31,7 +31,7 @@
       </div>
     </button>
     <button class="mt-4 button gray-button"
-            @click="nativeUpload ? upload?.click() : $devices.uploadOs(dev, info.os_extension.split('.').pop())">
+            @click="nativeUpload ? upload?.click() : $devices.uploadOs(dev, osExtension)">
       Upload OS
     </button>
     <input v-if="nativeUpload" ref="upload" type="file" class="hidden" :accept="info.os_extension"
@@ -40,7 +40,7 @@
 </template>
 
 <script setup lang="ts">
-import {inject, ref} from 'vue';
+import {computed, inject, ref} from 'vue';
 import {DEVICES_KEY, type GenericDevices, type Info, type Version} from './devices';
 import {filesize} from 'filesize';
 
@@ -55,6 +55,10 @@ const props = withDefaults(defineProps<{
 const devices = inject(DEVICES_KEY) as GenericDevices;
 
 const refreshing = ref(false);
+
+// `.split('.').pop()` is string | undefined; uploadOs takes a string. The
+// extension is always present in practice (e.g. ".tcc2"), so fall back to ''.
+const osExtension = computed(() => props.info.os_extension.split('.').pop() ?? '');
 const upload = ref<HTMLInputElement | null>(null);
 
 function formatSize(size: number) {
@@ -75,8 +79,8 @@ async function refresh() {
   refreshing.value = false;
 }
 
-function uploadNative(e: Event & { target: HTMLInputElement }) {
-  const file = e.target.files?.[0];
+function uploadNative(e: Event) {
+  const file = (e.target as HTMLInputElement).files?.[0];
   if (file) devices.uploadOsFile(props.dev, file);
 }
 </script>