@azure-id/orc 1.9.1 → 2.0.2

package/bin/webui/js/91-shortcuts.js

@@ -1,126 +1,126 @@
-"use strict";
-/* 91-shortcuts.js — orc ui client
-   Single keys, and ONLY when you are not typing into something.
-
-   Loaded by app.html in the order its numeric prefix names. Classic
-   script, no import/export: an ES module import carries no query string,
-   and every static request here needs the per-launch session token. */
-
-/* =============================================================== shortcuts == */
-
-// Keyboard nav for a panel app that is otherwise all mouse. Deliberately small
-// and unmodified: single keys, and ONLY when you are not typing into something.
-const SHORTCUTS = () => [
-  ["1 – 9, 0", t("shortcuts.panels")],
-  ["d · c · p · b · h · e · m", t("shortcuts.panelsLetters")],
-  ["/", t("shortcuts.filter")],
-  ["r", t("shortcuts.reload")],
-  ["t", t("shortcuts.theme")],
-  ["l", t("shortcuts.lang")],
-  ["?", t("shortcuts.list")],
-  ["Esc", t("shortcuts.escape")],
-];
-
-// A keystroke must never be stolen from an input, a textarea or a select — that
-// is how a UI eats the "r" in the middle of a path somebody is typing.
-function typingInto(t) {
-  return !!t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable);
-}
-
-function showShortcuts() {
-  const body = el("div", "stack stack-sm");
-  const list = el("dl", "kv");
-  for (const [key, what] of SHORTCUTS()) {
-    const dt = el("dt");
-    dt.append(el("kbd", null, key));
-    list.append(dt, el("dd", null, what));
-  }
-  body.append(list);
-  body.append(el("div", "note", t("shortcuts.note")));
-  modal({
-    title: t("shortcuts.title"),
-    body,
-    actions: [
-      // Dismissing the tour must never be a one-way door: it is skippable
-      // precisely because it can be replayed.
-      {
-        label: t("shortcuts.replay"),
-        onClick: (c) => {
-          c();
-          startFirstRunTour(metaInfo.project_root);
-        },
-      },
-      { label: t("common.close"), onClick: (c) => c() },
-    ],
-  });
-}
-
-function installShortcuts() {
-  document.addEventListener("keydown", (e) => {
-    if (e.metaKey || e.ctrlKey || e.altKey) return;
-    // A dialog owns the keyboard while it is open; it has its own Esc handler.
-    if (!$("#modal-host").hidden) return;
-    // …and so does a blocking tour step. Its own capture-phase handler has
-    // already swallowed the key by now; this is the second lock on the door.
-    if (tourActive && tourActive.blocking) return;
-    if (typingInto(e.target)) return;
-
-    if (e.key >= "0" && e.key <= "9") {
-      // Matched on data-idx, not on position: the rail's order is HTML's to
-      // decide, and a positional lookup silently rebinds every key the moment a
-      // panel is inserted in the middle.
-      const target = document.querySelector('#nav a[data-idx="' + e.key + '"]');
-      if (target) {
-        e.preventDefault();
-        location.hash = target.getAttribute("href");
-      }
-      return;
-    }
-    // v0.46.0: the rail outgrew ten digits, so several panels carry a LETTER key.
-    // Same lookup, same rule — matched on data-idx, never on position — and the
-    // letters are checked before the r/t/l actions so a rail key can never be
-    // shadowed by one of them. Adding a panel whose letter collides with an
-    // action would break the action; p/b/h/m/c/d were free.
-    //
-    // The class is derived from the rail rather than re-listed, because that is
-    // what went wrong the first time: `c` was given to Challenge in the markup
-    // and never added to a hardcoded `[pbhm]`, so the key did nothing and
-    // nothing failed. A rail key now works because it is IN THE RAIL.
-    if (/^[a-z]$/.test(e.key)) {
-      const target = document.querySelector('#nav a[data-idx="' + e.key + '"]');
-      if (target) {
-        e.preventDefault();
-        location.hash = target.getAttribute("href");
-        return;
-      }
-    }
-    if (e.key === "/") {
-      const f = $("#settings-filter");
-      if (f) {
-        e.preventDefault();
-        f.focus();
-        f.select();
-      }
-      return;
-    }
-    if (e.key === "r") {
-      e.preventDefault();
-      route();
-      return;
-    }
-    if (e.key === "t") {
-      e.preventDefault();
-      $("#theme-toggle").click();
-      return;
-    }
-    if (e.key === "l") {
-      e.preventDefault();
-      cycleLang();
-      return;
-    }
-    if (e.key === "?") {
-      e.preventDefault();
-      showShortcuts();
-    }
-  });
-}
+"use strict";
+/* 91-shortcuts.js — orc ui client
+   Single keys, and ONLY when you are not typing into something.
+
+   Loaded by app.html in the order its numeric prefix names. Classic
+   script, no import/export: an ES module import carries no query string,
+   and every static request here needs the per-launch session token. */
+
+/* =============================================================== shortcuts == */
+
+// Keyboard nav for a panel app that is otherwise all mouse. Deliberately small
+// and unmodified: single keys, and ONLY when you are not typing into something.
+const SHORTCUTS = () => [
+  ["1 – 9, 0", t("shortcuts.panels")],
+  ["d · c · p · b · h · e · m · u", t("shortcuts.panelsLetters")],
+  ["/", t("shortcuts.filter")],
+  ["r", t("shortcuts.reload")],
+  ["t", t("shortcuts.theme")],
+  ["l", t("shortcuts.lang")],
+  ["?", t("shortcuts.list")],
+  ["Esc", t("shortcuts.escape")],
+];
+
+// A keystroke must never be stolen from an input, a textarea or a select — that
+// is how a UI eats the "r" in the middle of a path somebody is typing.
+function typingInto(t) {
+  return !!t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT" || t.isContentEditable);
+}
+
+function showShortcuts() {
+  const body = el("div", "stack stack-sm");
+  const list = el("dl", "kv");
+  for (const [key, what] of SHORTCUTS()) {
+    const dt = el("dt");
+    dt.append(el("kbd", null, key));
+    list.append(dt, el("dd", null, what));
+  }
+  body.append(list);
+  body.append(el("div", "note", t("shortcuts.note")));
+  modal({
+    title: t("shortcuts.title"),
+    body,
+    actions: [
+      // Dismissing the tour must never be a one-way door: it is skippable
+      // precisely because it can be replayed.
+      {
+        label: t("shortcuts.replay"),
+        onClick: (c) => {
+          c();
+          startFirstRunTour(metaInfo.project_root);
+        },
+      },
+      { label: t("common.close"), onClick: (c) => c() },
+    ],
+  });
+}
+
+function installShortcuts() {
+  document.addEventListener("keydown", (e) => {
+    if (e.metaKey || e.ctrlKey || e.altKey) return;
+    // A dialog owns the keyboard while it is open; it has its own Esc handler.
+    if (!$("#modal-host").hidden) return;
+    // …and so does a blocking tour step. Its own capture-phase handler has
+    // already swallowed the key by now; this is the second lock on the door.
+    if (tourActive && tourActive.blocking) return;
+    if (typingInto(e.target)) return;
+
+    if (e.key >= "0" && e.key <= "9") {
+      // Matched on data-idx, not on position: the rail's order is HTML's to
+      // decide, and a positional lookup silently rebinds every key the moment a
+      // panel is inserted in the middle.
+      const target = document.querySelector('#nav a[data-idx="' + e.key + '"]');
+      if (target) {
+        e.preventDefault();
+        location.hash = target.getAttribute("href");
+      }
+      return;
+    }
+    // v0.46.0: the rail outgrew ten digits, so several panels carry a LETTER key.
+    // Same lookup, same rule — matched on data-idx, never on position — and the
+    // letters are checked before the r/t/l actions so a rail key can never be
+    // shadowed by one of them. Adding a panel whose letter collides with an
+    // action would break the action; p/b/h/m/c/d were free.
+    //
+    // The class is derived from the rail rather than re-listed, because that is
+    // what went wrong the first time: `c` was given to Challenge in the markup
+    // and never added to a hardcoded `[pbhm]`, so the key did nothing and
+    // nothing failed. A rail key now works because it is IN THE RAIL.
+    if (/^[a-z]$/.test(e.key)) {
+      const target = document.querySelector('#nav a[data-idx="' + e.key + '"]');
+      if (target) {
+        e.preventDefault();
+        location.hash = target.getAttribute("href");
+        return;
+      }
+    }
+    if (e.key === "/") {
+      const f = $("#settings-filter");
+      if (f) {
+        e.preventDefault();
+        f.focus();
+        f.select();
+      }
+      return;
+    }
+    if (e.key === "r") {
+      e.preventDefault();
+      route();
+      return;
+    }
+    if (e.key === "t") {
+      e.preventDefault();
+      $("#theme-toggle").click();
+      return;
+    }
+    if (e.key === "l") {
+      e.preventDefault();
+      cycleLang();
+      return;
+    }
+    if (e.key === "?") {
+      e.preventDefault();
+      showShortcuts();
+    }
+  });
+}

package/bin/webui/js/99-boot.js

@@ -1,118 +1,121 @@
-"use strict";
-/* 99-boot.js — orc ui client
-   MUST LOAD LAST. `boot()` is the one load-time call in the panel, and it reads
-   bindings from every file above — a classic-script `const` is in TDZ until its
-   own file has been evaluated.
-
-   Loaded by app.html in the order its numeric prefix names. Classic
-   script, no import/export: an ES module import carries no query string,
-   and every static request here needs the per-launch session token. */
-
-
-/* ================================================================= startup == */
-
-async function boot() {
-  // Language first, and English is loaded UNCONDITIONALLY: it is the fallback
-  // table every other language falls back to, so it must exist before the first
-  // t() call regardless of which language is selected. If even English cannot be
-  // fetched, t() returns the key and the page is ugly but functional — never
-  // blank, and never blocked on a file.
-  try {
-    DICT_EN = await loadLang("en");
-  } catch (_) {
-    DICT_EN = {};
-  }
-  let savedLang = "en";
-  try {
-    savedLang = localStorage.getItem(LANG_KEY) || "en";
-  } catch (_) {}
-  // No rerender: nothing has been routed yet, and route() is called below.
-  await setLang(savedLang, { rerender: false });
-
-  // Meta next: it names the project in the rail and tells us whether we are
-  // looking at fixtures, which must never be mistaken for a real install.
-  try {
-    const meta = await api("/api/meta");
-    metaInfo = meta;
-    const proj = $("#rail-project");
-    proj.textContent = meta.fixtures ? t("rail.fixtures") : meta.project_root || "";
-    proj.title = meta.project_root || "";
-    $("#rail-version").textContent = (meta.fixtures ? "fixtures · " : "") + "v" + (meta.version || "?");
-
-    // A newer release is worth ONE quiet dot in the rail, on every panel — not a
-    // banner, not a modal. It links to the panel that can actually install it;
-    // it never installs anything itself.
-    versionInfo()
-      .then((v) => {
-        if (!v || !v.update_available) return;
-        const link = el("a", "rail-update", "");
-        link.href = "#/maintenance";
-        link.append(el("span", "dot dot-warn"), document.createTextNode(`v${v.latest} available`));
-        link.title = `You have ${v.version}. Maintenance → upgrade installs ${v.latest}.`;
-        $("#rail-version").after(link);
-      })
-      .catch(() => {});
-    if (meta.fixtures) {
-      const b = el("div", "banner");
-      b.append(el("div", null, t("banner.fixtures")));
-      $("#banners").append(b);
-    }
-  } catch (_) {
-    document.body.replaceChildren(
-      (() => {
-        const e2 = el("div", "empty", t("banner.noToken"));
-        e2.append(el("div", "note", t("banner.noTokenHint")));
-        return e2;
-      })()
-    );
-    return;
-  }
-
-  // Theme: dark-first, remembered, and both painted explicitly.
-  const saved = localStorage.getItem("orc-ui-theme");
-  if (saved) document.documentElement.setAttribute("data-theme", saved);
-  const tt = $("#theme-toggle");
-  const syncTheme = () => (tt.textContent = document.documentElement.getAttribute("data-theme") === "light" ? t("rail.dark") : t("rail.light"));
-  syncTheme();
-  tt.addEventListener("click", () => {
-    const next = document.documentElement.getAttribute("data-theme") === "light" ? "dark" : "light";
-    document.documentElement.setAttribute("data-theme", next);
-    localStorage.setItem("orc-ui-theme", next);
-    syncTheme();
-  });
-
-  // Language, right below it in the rail: the same class of control (a
-  // per-browser display preference), so it lives in the same place and is
-  // remembered the same way. It never touches project config.
-  const lb = $("#lang-toggle");
-  if (lb) lb.addEventListener("click", cycleLang);
-  applyStaticText();
-
-  installShortcuts();
-  const help = $("#shortcut-hint");
-  if (help) help.addEventListener("click", showShortcuts);
-
-  window.addEventListener("hashchange", route);
-  route();
-
-  // First run for THIS project → the tour. Fixture mode is excluded: a tour of
-  // canned data would teach the panel using numbers that are not real.
-  if (!metaInfo.fixtures && !tourSeen(metaInfo.project_root)) {
-    // Let the first panel finish its fetch, so step one has something to point
-    // at rather than a skeleton.
-    setTimeout(() => startFirstRunTour(metaInfo.project_root), 600);
-  }
-
-  // Heartbeat: no ping from any client for 60s and the server exits, so closing
-  // this tab shuts down a write surface instead of leaving it holding a token.
-  const ping = () => api("/api/ping").catch(() => {});
-  ping();
-  setInterval(ping, 15000);
-  window.addEventListener("beforeunload", () => {
-    try {
-      navigator.sendBeacon("/api/bye?t=" + encodeURIComponent(TOKEN));
-    } catch (_) {}
-  });
-}
-
-boot();
+"use strict";
+/* 99-boot.js — orc ui client
+   MUST LOAD LAST. `boot()` is the one load-time call in the panel, and it reads
+   bindings from every file above — a classic-script `const` is in TDZ until its
+   own file has been evaluated.
+
+   Loaded by app.html in the order its numeric prefix names. Classic
+   script, no import/export: an ES module import carries no query string,
+   and every static request here needs the per-launch session token. */
+
+
+/* ================================================================= startup == */
+
+async function boot() {
+  // Language first, and English is loaded UNCONDITIONALLY: it is the fallback
+  // table every other language falls back to, so it must exist before the first
+  // t() call regardless of which language is selected. If even English cannot be
+  // fetched, t() returns the key and the page is ugly but functional — never
+  // blank, and never blocked on a file.
+  try {
+    DICT_EN = await loadLang("en");
+  } catch (_) {
+    DICT_EN = {};
+  }
+  let savedLang = "en";
+  try {
+    savedLang = localStorage.getItem(LANG_KEY) || "en";
+  } catch (_) {}
+  // No rerender: nothing has been routed yet, and route() is called below.
+  await setLang(savedLang, { rerender: false });
+
+  // Meta next: it names the project in the rail and tells us whether we are
+  // looking at fixtures, which must never be mistaken for a real install.
+  try {
+    const meta = await api("/api/meta");
+    metaInfo = meta;
+    const proj = $("#rail-project");
+    proj.textContent = meta.fixtures ? t("rail.fixtures") : meta.project_root || "";
+    proj.title = meta.project_root || "";
+    $("#rail-version").textContent = (meta.fixtures ? "fixtures · " : "") + "v" + (meta.version || "?");
+
+    // A newer release is worth ONE quiet dot in the rail, on every panel — not a
+    // banner, not a modal. It links to the panel that can actually install it;
+    // it never installs anything itself.
+    versionInfo()
+      .then((v) => {
+        if (!v || !v.update_available) return;
+        const link = el("a", "rail-update", "");
+        link.href = "#/maintenance";
+        link.append(el("span", "dot dot-warn"), document.createTextNode(`v${v.latest} available`));
+        link.title = `You have ${v.version}. Maintenance → upgrade installs ${v.latest}.`;
+        $("#rail-version").after(link);
+      })
+      .catch(() => {});
+    if (meta.fixtures) {
+      const b = el("div", "banner");
+      b.append(el("div", null, t("banner.fixtures")));
+      $("#banners").append(b);
+    }
+  } catch (_) {
+    document.body.replaceChildren(
+      (() => {
+        const e2 = el("div", "empty", t("banner.noToken"));
+        e2.append(el("div", "note", t("banner.noTokenHint")));
+        return e2;
+      })()
+    );
+    return;
+  }
+
+  // Theme: dark-first, remembered, and both painted explicitly.
+  const saved = localStorage.getItem("orc-ui-theme");
+  if (saved) document.documentElement.setAttribute("data-theme", saved);
+  const tt = $("#theme-toggle");
+  const syncTheme = () => (tt.textContent = document.documentElement.getAttribute("data-theme") === "light" ? t("rail.dark") : t("rail.light"));
+  syncTheme();
+  tt.addEventListener("click", () => {
+    const next = document.documentElement.getAttribute("data-theme") === "light" ? "dark" : "light";
+    document.documentElement.setAttribute("data-theme", next);
+    localStorage.setItem("orc-ui-theme", next);
+    syncTheme();
+  });
+
+  // Language, right below it in the rail: the same class of control (a
+  // per-browser display preference), so it lives in the same place and is
+  // remembered the same way. It never touches project config.
+  const lb = $("#lang-toggle");
+  if (lb) lb.addEventListener("click", cycleLang);
+  applyStaticText();
+
+  installShortcuts();
+  const help = $("#shortcut-hint");
+  if (help) help.addEventListener("click", showShortcuts);
+
+  window.addEventListener("hashchange", route);
+  route();
+  // v2.0.0 W7 — a waiting habit proposal is ONE quiet dot on the Behaviour rail
+  // link. It is the only place outside that panel that shows habit state.
+  behaviourRailDot();
+
+  // First run for THIS project → the tour. Fixture mode is excluded: a tour of
+  // canned data would teach the panel using numbers that are not real.
+  if (!metaInfo.fixtures && !tourSeen(metaInfo.project_root)) {
+    // Let the first panel finish its fetch, so step one has something to point
+    // at rather than a skeleton.
+    setTimeout(() => startFirstRunTour(metaInfo.project_root), 600);
+  }
+
+  // Heartbeat: no ping from any client for 60s and the server exits, so closing
+  // this tab shuts down a write surface instead of leaving it holding a token.
+  const ping = () => api("/api/ping").catch(() => {});
+  ping();
+  setInterval(ping, 15000);
+  window.addEventListener("beforeunload", () => {
+    try {
+      navigator.sendBeacon("/api/bye?t=" + encodeURIComponent(TOKEN));
+    } catch (_) {}
+  });
+}
+
+boot();