loop/webui: add prettier
diff --git a/loop/webui/src/web-components/demo/sketch-container-status.demo.html b/loop/webui/src/web-components/demo/sketch-container-status.demo.html
index bd2544d..a35e881 100644
--- a/loop/webui/src/web-components/demo/sketch-container-status.demo.html
+++ b/loop/webui/src/web-components/demo/sketch-container-status.demo.html
@@ -2,30 +2,32 @@
   <head>
     <title>sketch-container-status demo</title>
     <link rel="stylesheet" href="demo.css" />
-    <script src="/dist/web-components/sketch-container-status.js" type="module"></script>
+    <script
+      src="/dist/web-components/sketch-container-status.js"
+      type="module"
+    ></script>
 
     <script>
       document.addEventListener("DOMContentLoaded", () => {
-        const containerStatus = document.querySelector('#status-2');
+        const containerStatus = document.querySelector("#status-2");
         containerStatus.state = {
-          hostname: 'example.hostname',
-          initial_commit: 'decafbad',
+          hostname: "example.hostname",
+          initial_commit: "decafbad",
           message_count: 27,
-          os: 'linux',
+          os: "linux",
           total_usage: {
-            start_time: 'around lunch',
-            messages:1337,
+            start_time: "around lunch",
+            messages: 1337,
             input_tokens: 3,
             output_tokens: 1000,
             cache_read_input_tokens: 28,
             cache_creation_input_tokens: 12354,
             total_cost_usd: 2.03,
-          }, 
-          working_dir: '/app',
+          },
+          working_dir: "/app",
         };
       });
     </script>
-
   </head>
   <body>
     <h1>sketch-container-status demo</h1>
@@ -35,6 +37,5 @@
 
     With state fields set:
     <sketch-container-status id="status-2"></sketch-container-status>
-
   </body>
-</html>
\ No newline at end of file
+</html>