fix: firmware updates

src/lib/serial/device.ts

@@ -513,11 +513,11 @@ export class CharaDevice {
 
       const writer2 = this.port.writable!.getWriter();
       try {
-        await writer2.write(new TextEncoder().encode(`RST REBOOT\r\n`));
+        await writer2.write(new TextEncoder().encode(`RST RESTART\r\n`));
         serialLog.update((it) => {
           it.push({
             type: "input",
-            value: "RST REBOOT",
+            value: "RST RESTART",
           });
           return it;
         });

src/routes/(app)/ccos/+layout.svelte

@@ -2,7 +2,7 @@
   let { children } = $props();
 </script>
 
-<h1><a href="/ccos">Firmware Updates</a></h1>
+<h1><a href="/firmware">Firmware Updates</a></h1>
 
 {@render children()}
 

src/routes/(app)/ccos/[device]/[version]/+page.svelte

@@ -104,14 +104,16 @@
   }
 </script>
 
-<div>
+<div class="container">
   <h2>
-    Update <em
-      class="device"
+    <a class="inline-link" href="/ccos">CCOS</a> /
+    <a
+      href="/ccos/{data.device}"
+      class="device inline-link"
       class:correct-device={isCorrectDevice === true}
-      class:incorrect-device={isCorrectDevice === false}>{data.device}</em
+      class:incorrect-device={isCorrectDevice === false}>{data.device}</a
     >
-    to <em class="version">{data.version}</em>
+    / <em class="version">{data.version}</em>
   </h2>
 
   {#if data.ota && !data.device.endsWith("m0")}
@@ -127,8 +129,14 @@
       >
       {#if $serialPort && isCorrectDevice}
         <div transition:slide>
-          Your device is ready and compatible. Click the button to perform the
-          update.
+          Your
+          <b
+            >{$serialPort.company}
+            {$serialPort.device}
+            {$serialPort.chipset}</b
+          >
+          will be updated from <b class="version">{$serialPort.version}</b> to
+          <b class="version">{data.version}</b>
         </div>
       {:else if $serialPort && isCorrectDevice === false}
         <div class="error" transition:slide>
@@ -147,8 +155,6 @@
       {/if}
     </section>
 
-    <hr />
-
     <h3>Manual Update</h3>
   {/if}
 
@@ -229,6 +235,10 @@
     transition: color 200ms ease;
   }
 
+  h3 {
+    margin-block-start: 4em;
+  }
+
   .primary {
     color: var(--md-sys-color-primary);
   }
@@ -237,6 +247,10 @@
     color: var(--md-sys-color-error);
   }
 
+  .container {
+    width: calc(min(100%, 16cm));
+  }
+
   @keyframes rotate {
     0% {
       transform: rotate(120deg);
@@ -375,6 +389,11 @@
     opacity: 0.6;
   }
 
+  .inline-link {
+    display: inline;
+    padding: 0;
+  }
+
   .correct-device {
     color: var(--md-sys-color-primary);
     opacity: 1;