daily-focus 1.1.0-dev.1 → 1.1.1-dev.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daily-focus",
-  "version": "1.1.0-dev.1",
+  "version": "1.1.1-dev.1",
   "description": "An interactive dashboard of what you should focus on today at work",
   "keywords": [
     "dashboard",

package/public/app.js

@@ -1085,6 +1085,7 @@ var state = y2(null);
 function createUi(initial = {}) {
   return {
     selectedId: y2(initial.selectedId ?? null),
+    clickedId: y2(initial.clickedId ?? null),
     pending: y2(initial.pending ?? /* @__PURE__ */ new Set()),
     menuFor: y2(initial.menuFor ?? null),
     statusFor: y2(initial.statusFor ?? null),
@@ -1136,6 +1137,9 @@ function setDetailFor(target, id) {
     if (target.detailFor.value !== id) {
       target.noteDraft.value = "";
       target.assistantDraft.value = "";
+      const clicked = target.clickedId.value;
+      if (clicked !== null && target.selectedId.value === clicked) target.selectedId.value = null;
+      target.clickedId.value = null;
     }
     target.detailFor.value = id;
   });
@@ -1984,10 +1988,13 @@ var handlers = {
   onAction: (id, action, extra) => void applyAction(id, action, extra),
   // A click on a card: the cursor goes to it, and the panel opens on it — or
   // closes, if it was already open on this one. The card is the one way in with
-  // a mouse; `n` and `a` are the ways in from the keyboard.
+  // a mouse; `n` and `a` are the ways in from the keyboard. A cursor the click
+  // brought leaves with the panel, however that is closed.
   onSelect: (id) => n2(() => {
+    const opening = ui.detailFor.value !== id;
     ui.selectedId.value = id;
-    setDetailFor(ui, ui.detailFor.value === id ? null : id);
+    setDetailFor(ui, opening ? id : null);
+    if (opening) ui.clickedId.value = id;
     ui.focusField.value = null;
     closeMenus();
   }),
@@ -2033,6 +2040,7 @@ var handlers = {
   jumpToTicket: (id) => {
     setTicketMode("sync");
     ui.selectedId.value = id;
+    ui.clickedId.value = null;
     afterRender(
       () => document.querySelector('#tickets .item[data-selected="true"]')?.scrollIntoView({ block: "center", behavior: "smooth" })
     );
@@ -4975,6 +4983,7 @@ function moveSelection(delta) {
   const current = ids.indexOf(ui.selectedId.value ?? "");
   const next = current === -1 ? delta > 0 ? 0 : ids.length - 1 : current + delta;
   ui.selectedId.value = ids[Math.max(0, Math.min(ids.length - 1, next))] ?? null;
+  ui.clickedId.value = null;
   afterRender(
     () => document.querySelector(`#${ui.view.value} .item[data-selected="true"]`)?.scrollIntoView({ block: "nearest", behavior: "smooth" })
   );