move chat close button down on mobile

dist/index.js

@@ -1,5 +1,49 @@
 (() => {
-  // ../bloatless-react/index.ts
+  // node_modules/uuid/dist/stringify.js
+  var byteToHex = [];
+  for (let i = 0; i < 256; ++i) {
+    byteToHex.push((i + 256).toString(16).slice(1));
+  }
+  function unsafeStringify(arr, offset = 0) {
+    return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+  }
+
+  // node_modules/uuid/dist/rng.js
+  var rnds8 = new Uint8Array(16);
+  function rng() {
+    return crypto.getRandomValues(rnds8);
+  }
+
+  // node_modules/uuid/dist/v4.js
+  function v4(options, buf, offset) {
+    if (!buf && !options && crypto.randomUUID) {
+      return crypto.randomUUID();
+    }
+    return _v4(options, buf, offset);
+  }
+  function _v4(options, buf, offset) {
+    options = options || {};
+    const rnds = options.random ?? options.rng?.() ?? rng();
+    if (rnds.length < 16) {
+      throw new Error("Random bytes length must be >= 16");
+    }
+    rnds[6] = rnds[6] & 15 | 64;
+    rnds[8] = rnds[8] & 63 | 128;
+    if (buf) {
+      offset = offset || 0;
+      if (offset < 0 || offset + 16 > buf.length) {
+        throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
+      }
+      for (let i = 0; i < 16; ++i) {
+        buf[offset + i] = rnds[i];
+      }
+      return buf;
+    }
+    return unsafeStringify(rnds);
+  }
+  var v4_default = v4;
+
+  // src/react.ts
   var State = class {
     // init
     constructor(initialValue) {
@@ -149,6 +193,7 @@
             switch (directiveValue) {
               case "enter": {
                 element.addEventListener("keydown", (e) => {
+                  if (!(e instanceof KeyboardEvent)) return;
                   if (e.key != "Enter") return;
                   value(e);
                 });
@@ -162,6 +207,7 @@
           }
           case "keystroke": {
             element.addEventListener("keydown", (e) => {
+              if (!(e instanceof KeyboardEvent)) return;
               if (e.metaKey == false && e.ctrlKey == false) return;
               if (e.key != directiveValue) return;
               value(e);
@@ -247,55 +293,6 @@
     return element;
   }
 
-  // node_modules/uuid/dist/esm-browser/stringify.js
-  var byteToHex = [];
-  for (i = 0; i < 256; ++i) {
-    byteToHex.push((i + 256).toString(16).slice(1));
-  }
-  var i;
-  function unsafeStringify(arr, offset = 0) {
-    return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
-  }
-
-  // node_modules/uuid/dist/esm-browser/rng.js
-  var getRandomValues;
-  var rnds8 = new Uint8Array(16);
-  function rng() {
-    if (!getRandomValues) {
-      getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-      if (!getRandomValues) {
-        throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-      }
-    }
-    return getRandomValues(rnds8);
-  }
-
-  // node_modules/uuid/dist/esm-browser/native.js
-  var randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-  var native_default = {
-    randomUUID
-  };
-
-  // node_modules/uuid/dist/esm-browser/v4.js
-  function v4(options, buf, offset) {
-    if (native_default.randomUUID && !buf && !options) {
-      return native_default.randomUUID();
-    }
-    options = options || {};
-    var rnds = options.random || (options.rng || rng)();
-    rnds[6] = rnds[6] & 15 | 64;
-    rnds[8] = rnds[8] & 63 | 128;
-    if (buf) {
-      offset = offset || 0;
-      for (var i = 0; i < 16; ++i) {
-        buf[offset + i] = rnds[i];
-      }
-      return buf;
-    }
-    return unsafeStringify(rnds);
-  }
-  var v4_default = v4;
-
   // src/View/translations.ts
   var englishTranslations = {
     updater: {
@@ -312,6 +309,7 @@
       closeButton: "Close",
       deleteButton: "Delete",
       exitButton: "Exit",
+      fullscreenButton: "Fullscreen",
       continueButton: "Continue",
       confirmButton: "Confirm",
       saveButton: "Save",
@@ -509,7 +507,6 @@
         taskStatusLabel: "Status",
         taskPriorityLabel: "Priority",
         taskDescriptionLabel: "Description",
-        taskDescriptionExpandButton: "Fullscreen",
         taskDateLabel: "Date",
         taskTimeLabel: "Time",
         deleteTaskButton: "Delete task",
@@ -546,10 +543,15 @@
       general: {
         deleteItemButtonAudioLabel: "element l\xF6schen",
         searchButtonAudioLabel: "suchen",
+        searchButtonClearAudioLabel: "suche zur\xFCcksetzen",
         abortButton: "Abbrechen",
+        applyButton: "Anwenden",
+        backButton: "Zur\xFCck",
         cancelButton: "Abbrechen",
         closeButton: "Schlie\xDFen",
-        backButton: "Zur\xFCck",
+        deleteButton: "L\xF6schen",
+        exitButton: "Schlie\xDFen",
+        fullscreenButton: "Vollbild",
         continueButton: "Weiter",
         confirmButton: "Best\xE4tigen",
         saveButton: "Speichern",
@@ -557,6 +559,7 @@
         reloadAppButton: "Neu laden",
         fileVersionLabel: "Version",
         searchLabel: "Suche",
+        searchSuggestionsLabel: "Vorherige Suchen",
         waitingLabel: "Warten...",
         restoreConnection: "Verbindung wiederherstellen",
         noPageSelected: "Keine Seite ausgew\xE4hlt"
@@ -762,10 +765,15 @@
       general: {
         deleteItemButtonAudioLabel: "eliminar elemento",
         searchButtonAudioLabel: "buscar",
+        searchButtonClearAudioLabel: "borrar b\xFCsqueda",
         abortButton: "Abortar",
+        applyButton: "Guardar",
+        backButton: "Atr\xE1s",
         cancelButton: "Cancelar",
         closeButton: "Cerrar",
-        backButton: "Atr\xE1s",
+        deleteButton: "Borrar",
+        exitButton: "Salir",
+        fullscreenButton: "Pantalla completa",
         continueButton: "Continuar",
         confirmButton: "Confirmar",
         saveButton: "Guardar",
@@ -773,6 +781,7 @@
         reloadAppButton: "Recargar app",
         fileVersionLabel: "Versi\xF3n",
         searchLabel: "Buscar",
+        searchSuggestionsLabel: "B\xFAsquedas anteriores",
         waitingLabel: "Esperando...",
         restoreConnection: "Conectar de nuevo",
         noPageSelected: "No p\xE1gina seleccionada"
@@ -1840,7 +1849,7 @@
           return DynamicSceneDay;
         } else if (hour < 17) {
           return DynamicSceneAfternoon;
-        } else if (hour < 21) {
+        } else {
           return DynamicSceneSunset;
         }
       };
@@ -5455,7 +5464,7 @@
         class: "width-50",
         "on:click": taskViewModel.openFullscreenDecription
       },
-      coreViewModel2.translations.chatPage.task.taskDescriptionExpandButton,
+      coreViewModel2.translations.general.fullscreenButton,
       /* @__PURE__ */ createElement("span", { class: "icon" }, "fullscreen")
     ))), /* @__PURE__ */ createElement("hr", { class: "mobile-only" }), /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("label", { class: "tile flex-no" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "category"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, coreViewModel2.translations.chatPage.task.taskCategoryLabel), /* @__PURE__ */ createElement(
       "input",

src/View/chatPage.css

@@ -125,6 +125,12 @@ body[showing-chat] #chat-page-wrapper {
     padding: var(--gap-between-tiles);
 }
 
+@media (pointer: coarse) and (max-width: 480px){
+#chat-page > div > #ribbon #close-button {
+    order: 1;
+} 
+}
+
 #chat-page > div > #main > div > .pane-wrapper > .pane > .toolbar {
     justify-content: start;
     justify-content: space-between;

src/View/chatPage.tsx

@@ -73,7 +73,8 @@ export function ChatPage(
             <div>
                 <div id="ribbon">
                     <button
-                        class="ghost"
+			class="ghost"
+			id="close-button"
                         aria-label={
                             coreViewModel.translations.chatPage
                                 .closeChatAudioLabe