this derivation will be built:
  /nix/store/j1rxccmcgbdlj60vv0hz97w4n18hw3nj-treefmt-check.drv
building '/nix/store/j1rxccmcgbdlj60vv0hz97w4n18hw3nj-treefmt-check.drv'
treefmt-check> tribuchet: building on eliza
treefmt-check> treefmt v2.5.0traversed 1250 files
treefmt-check> emitted 538 files for processing
treefmt-check> formatted 538 files (5 changed) in 4.357s
treefmt-check>  M home/.config/niri/cheatsheet.html
treefmt-check>  M nixosModules/uptermd/index.html
treefmt-check>  M pkgs/firefox-extensions/app-windows/options.html
treefmt-check> diff --git a/home/.config/niri/cheatsheet.html b/home/.config/niri/cheatsheet.html
treefmt-check> index efff13e..6c65cf9 100644
treefmt-check> --- a/home/.config/niri/cheatsheet.html
treefmt-check> +++ b/home/.config/niri/cheatsheet.html
treefmt-check> @@ -4,113 +4,113 @@
treefmt-check>      <meta charset="utf-8">
treefmt-check>      <title>Niri Cheat Sheet</title>
treefmt-check>      <style>
treefmt-check> +    :root {
treefmt-check> +      --accent: #5bd5fa;
treefmt-check> +      --bg: #111415;
treefmt-check> +      --fg: #e8eef0;
treefmt-check> +      --muted: #8aa0a8;
treefmt-check> +      --urgent: #ffb4ab;
treefmt-check> +      --card: #1a1f21;
treefmt-check> +    }
treefmt-check> +    @media print {
treefmt-check>        :root {
treefmt-check> -        --accent: #5bd5fa;
treefmt-check> -        --bg: #111415;
treefmt-check> -        --fg: #e8eef0;
treefmt-check> -        --muted: #8aa0a8;
treefmt-check> -        --urgent: #ffb4ab;
treefmt-check> -        --card: #1a1f21;
treefmt-check> -      }
treefmt-check> -      @media print {
treefmt-check> -        :root {
treefmt-check> -          --bg: #fff;
treefmt-check> -          --fg: #111;
treefmt-check> -          --card: #f4f4f4;
treefmt-check> -          --muted: #555;
treefmt-check> -        }
treefmt-check> -        body {
treefmt-check> -          font-size: 9pt;
treefmt-check> -        }
treefmt-check> -        .col {
treefmt-check> -          break-inside: avoid;
treefmt-check> -        }
treefmt-check> -      }
treefmt-check> -      * {
treefmt-check> -        box-sizing: border-box;
treefmt-check> +        --bg: #fff;
treefmt-check> +        --fg: #111;
treefmt-check> +        --card: #f4f4f4;
treefmt-check> +        --muted: #555;
treefmt-check>        }
treefmt-check>        body {
treefmt-check> -        margin: 0;
treefmt-check> -        font: 14px/1.45 ui-sans-serif, system-ui, sans-serif;
treefmt-check> -        background: var(--bg);
treefmt-check> -        color: var(--fg);
treefmt-check> -        padding: 1.5rem;
treefmt-check> -      }
treefmt-check> -      h1 {
treefmt-check> -        margin: 0 0 0.2rem;
treefmt-check> -        color: var(--accent);
treefmt-check> -        font-size: 1.8rem;
treefmt-check> -        letter-spacing: 0.5px;
treefmt-check> -      }
treefmt-check> -      .sub {
treefmt-check> -        color: var(--muted);
treefmt-check> -        margin-bottom: 1.2rem;
treefmt-check> -        font-size: 0.9rem;
treefmt-check> -      }
treefmt-check> -      .grid {
treefmt-check> -        display: grid;
treefmt-check> -        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
treefmt-check> -        gap: 1rem;
treefmt-check> +        font-size: 9pt;
treefmt-check>        }
treefmt-check>        .col {
treefmt-check> -        background: var(--card);
treefmt-check> -        border-radius: 12px;
treefmt-check> -        padding: 0.9rem 1rem;
treefmt-check> -        border-left: 3px solid var(--accent);
treefmt-check> -      }
treefmt-check> -      .col h2 {
treefmt-check> -        margin: 0 0 0.5rem;
treefmt-check> -        font-size: 1rem;
treefmt-check> -        text-transform: uppercase;
treefmt-check> -        letter-spacing: 0.08em;
treefmt-check> -        color: var(--accent);
treefmt-check> -      }
treefmt-check> -      table {
treefmt-check> -        width: 100%;
treefmt-check> -        border-collapse: collapse;
treefmt-check> -      }
treefmt-check> -      td {
treefmt-check> -        padding: 0.18rem 0;
treefmt-check> -        vertical-align: top;
treefmt-check> -      }
treefmt-check> -      td:first-child {
treefmt-check> -        white-space: nowrap;
treefmt-check> -        padding-right: 1rem;
treefmt-check> -        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
treefmt-check> -        color: var(--fg);
treefmt-check> -        font-size: 0.92em;
treefmt-check> -      }
treefmt-check> -      td:last-child {
treefmt-check> -        color: var(--muted);
treefmt-check> -      }
treefmt-check> -      kbd {
treefmt-check> -        background: #0006;
treefmt-check> -        border: 1px solid #fff2;
treefmt-check> -        border-bottom-width: 2px;
treefmt-check> -        border-radius: 4px;
treefmt-check> -        padding: 1px 5px;
treefmt-check> -        font: inherit;
treefmt-check> -        font-size: 0.9em;
treefmt-check> -      }
treefmt-check> -      .hint {
treefmt-check> -        color: var(--urgent);
treefmt-check> -        font-weight: 600;
treefmt-check> -      }
treefmt-check> -      .note {
treefmt-check> -        grid-column: 1 / -1;
treefmt-check> -        background: var(--card);
treefmt-check> -        border-radius: 12px;
treefmt-check> -        padding: 0.9rem 1rem;
treefmt-check> -        border-left: 3px solid var(--urgent);
treefmt-check> -        font-size: 0.9rem;
treefmt-check> -        color: var(--muted);
treefmt-check> -      }
treefmt-check> -      .note b {
treefmt-check> -        color: var(--fg);
treefmt-check> -      }
treefmt-check> -      .note code {
treefmt-check> -        color: var(--accent);
treefmt-check> +        break-inside: avoid;
treefmt-check>        }
treefmt-check> +    }
treefmt-check> +    * {
treefmt-check> +      box-sizing: border-box;
treefmt-check> +    }
treefmt-check> +    body {
treefmt-check> +      margin: 0;
treefmt-check> +      font: 14px/1.45 ui-sans-serif, system-ui, sans-serif;
treefmt-check> +      background: var(--bg);
treefmt-check> +      color: var(--fg);
treefmt-check> +      padding: 1.5rem;
treefmt-check> +    }
treefmt-check> +    h1 {
treefmt-check> +      margin: 0 0 0.2rem;
treefmt-check> +      color: var(--accent);
treefmt-check> +      font-size: 1.8rem;
treefmt-check> +      letter-spacing: 0.5px;
treefmt-check> +    }
treefmt-check> +    .sub {
treefmt-check> +      color: var(--muted);
treefmt-check> +      margin-bottom: 1.2rem;
treefmt-check> +      font-size: 0.9rem;
treefmt-check> +    }
treefmt-check> +    .grid {
treefmt-check> +      display: grid;
treefmt-check> +      grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
treefmt-check> +      gap: 1rem;
treefmt-check> +    }
treefmt-check> +    .col {
treefmt-check> +      background: var(--card);
treefmt-check> +      border-radius: 12px;
treefmt-check> +      padding: 0.9rem 1rem;
treefmt-check> +      border-left: 3px solid var(--accent);
treefmt-check> +    }
treefmt-check> +    .col h2 {
treefmt-check> +      margin: 0 0 0.5rem;
treefmt-check> +      font-size: 1rem;
treefmt-check> +      text-transform: uppercase;
treefmt-check> +      letter-spacing: 0.08em;
treefmt-check> +      color: var(--accent);
treefmt-check> +    }
treefmt-check> +    table {
treefmt-check> +      width: 100%;
treefmt-check> +      border-collapse: collapse;
treefmt-check> +    }
treefmt-check> +    td {
treefmt-check> +      padding: 0.18rem 0;
treefmt-check> +      vertical-align: top;
treefmt-check> +    }
treefmt-check> +    td:first-child {
treefmt-check> +      white-space: nowrap;
treefmt-check> +      padding-right: 1rem;
treefmt-check> +      font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
treefmt-check> +      color: var(--fg);
treefmt-check> +      font-size: 0.92em;
treefmt-check> +    }
treefmt-check> +    td:last-child {
treefmt-check> +      color: var(--muted);
treefmt-check> +    }
treefmt-check> +    kbd {
treefmt-check> +      background: #0006;
treefmt-check> +      border: 1px solid #fff2;
treefmt-check> +      border-bottom-width: 2px;
treefmt-check> +      border-radius: 4px;
treefmt-check> +      padding: 1px 5px;
treefmt-check> +      font: inherit;
treefmt-check> +      font-size: 0.9em;
treefmt-check> +    }
treefmt-check> +    .hint {
treefmt-check> +      color: var(--urgent);
treefmt-check> +      font-weight: 600;
treefmt-check> +    }
treefmt-check> +    .note {
treefmt-check> +      grid-column: 1 / -1;
treefmt-check> +      background: var(--card);
treefmt-check> +      border-radius: 12px;
treefmt-check> +      padding: 0.9rem 1rem;
treefmt-check> +      border-left: 3px solid var(--urgent);
treefmt-check> +      font-size: 0.9rem;
treefmt-check> +      color: var(--muted);
treefmt-check> +    }
treefmt-check> +    .note b {
treefmt-check> +      color: var(--fg);
treefmt-check> +    }
treefmt-check> +    .note code {
treefmt-check> +      color: var(--accent);
treefmt-check> +    }
treefmt-check>      </style>
treefmt-check>    </head>
treefmt-check>    <body>
treefmt-check> diff --git a/nixosModules/uptermd/index.html b/nixosModules/uptermd/index.html
treefmt-check> index 320c133..74b465d 100644
treefmt-check> --- a/nixosModules/uptermd/index.html
treefmt-check> +++ b/nixosModules/uptermd/index.html
treefmt-check> @@ -5,150 +5,151 @@
treefmt-check>      <meta name="viewport" content="width=device-width, initial-scale=1.0">
treefmt-check>      <title>Upterm: Secure Terminal Sharing</title>
treefmt-check>      <style>
treefmt-check> +    :root {
treefmt-check> +      --bg: #fafafa;
treefmt-check> +      --surface: #ffffff;
treefmt-check> +      --text: #333333;
treefmt-check> +      --text-muted: #666666;
treefmt-check> +      --accent: #222222;
treefmt-check> +      --code-bg: #f0f0f0;
treefmt-check> +      --border: #dddddd;
treefmt-check> +      --warning-bg: #fff8e6;
treefmt-check> +      --warning-border: #e6a700;
treefmt-check> +      --warning-text: #b38600;
treefmt-check> +    }
treefmt-check> +    @media (prefers-color-scheme: dark) {
treefmt-check>        :root {
treefmt-check> -        --bg: #fafafa;
treefmt-check> -        --surface: #ffffff;
treefmt-check> -        --text: #333333;
treefmt-check> -        --text-muted: #666666;
treefmt-check> -        --accent: #222222;
treefmt-check> -        --code-bg: #f0f0f0;
treefmt-check> -        --border: #dddddd;
treefmt-check> -        --warning-bg: #fff8e6;
treefmt-check> -        --warning-border: #e6a700;
treefmt-check> -        --warning-text: #b38600;
treefmt-check> -      }
treefmt-check> -      @media (prefers-color-scheme: dark) {
treefmt-check> -        :root {
treefmt-check> -          --bg: #1a1a1a;
treefmt-check> -          --surface: #252525;
treefmt-check> -          --text: #e8e8e8;
treefmt-check> -          --text-muted: #a0a0a0;
treefmt-check> -          --accent: #e8e8e8;
treefmt-check> -          --code-bg: #0f0f0f;
treefmt-check> -          --border: #333333;
treefmt-check> -          --warning-bg: #3d2c00;
treefmt-check> -          --warning-border: #f5a623;
treefmt-check> -          --warning-text: #f5a623;
treefmt-check> -        }
treefmt-check> -      }
treefmt-check> -      * {
treefmt-check> -        box-sizing: border-box;
treefmt-check> -      }
treefmt-check> -      body {
treefmt-check> -        font-family:
treefmt-check> -          -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
treefmt-check> -          "Helvetica Neue", sans-serif;
treefmt-check> -        background: var(--bg);
treefmt-check> -        color: var(--text);
treefmt-check> -        line-height: 1.6;
treefmt-check> -        margin: 0;
treefmt-check> -        padding: 2rem;
treefmt-check> -      }
treefmt-check> -      main {
treefmt-check> -        max-width: 720px;
treefmt-check> -        margin: 0 auto;
treefmt-check> -      }
treefmt-check> -      h1, h2 {
treefmt-check> -        color: var(--accent);
treefmt-check> -      }
treefmt-check> -      h1 {
treefmt-check> -        border-bottom: 2px solid var(--border);
treefmt-check> -        padding-bottom: 0.5rem;
treefmt-check> -      }
treefmt-check> -      a {
treefmt-check> -        color: var(--accent);
treefmt-check> -      }
treefmt-check> -      code {
treefmt-check> -        font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
treefmt-check> -        font-size: 0.9em;
treefmt-check> -      }
treefmt-check> -      pre {
treefmt-check> -        background: var(--code-bg);
treefmt-check> -        border: 1px solid var(--border);
treefmt-check> -        border-radius: 6px;
treefmt-check> -        padding: 1rem;
treefmt-check> -        overflow-x: auto;
treefmt-check> -        position: relative;
treefmt-check> -      }
treefmt-check> -      pre code {
treefmt-check> -        color: var(--text);
treefmt-check> -      }
treefmt-check> -      .warning {
treefmt-check> -        background: var(--warning-bg);
treefmt-check> -        border-left: 4px solid var(--warning-border);
treefmt-check> -        padding: 0.75rem 1rem;
treefmt-check> -        margin: 1rem 0;
treefmt-check> -        border-radius: 0 6px 6px 0;
treefmt-check> -      }
treefmt-check> -      .warning strong {
treefmt-check> -        color: var(--warning-text);
treefmt-check> -      }
treefmt-check> -      p {
treefmt-check> -        margin: 1rem 0;
treefmt-check> -      }
treefmt-check> -      footer {
treefmt-check> -        margin-top: 2rem;
treefmt-check> -        padding-top: 1rem;
treefmt-check> -        border-top: 1px solid var(--border);
treefmt-check> -        color: var(--text-muted);
treefmt-check> -        font-size: 0.9em;
treefmt-check> -      }
treefmt-check> -      .js-only {
treefmt-check> -        display: none;
treefmt-check> -      }
treefmt-check> -      .copy-btn {
treefmt-check> -        position: absolute;
treefmt-check> -        top: 0.5rem;
treefmt-check> -        right: 0.5rem;
treefmt-check> -        background: var(--border);
treefmt-check> -        border: none;
treefmt-check> -        border-radius: 4px;
treefmt-check> -        color: var(--text-muted);
treefmt-check> -        padding: 0.25rem 0.5rem;
treefmt-check> -        cursor: pointer;
treefmt-check> -        font-size: 0.8rem;
treefmt-check> -        display: none;
treefmt-check> -      }
treefmt-check> -      .copy-btn:hover {
treefmt-check> -        background: var(--accent);
treefmt-check> -        color: var(--bg);
treefmt-check> -      }
treefmt-check> -      .form-group {
treefmt-check> -        display: flex;
treefmt-check> -        gap: 1rem;
treefmt-check> -        align-items: center;
treefmt-check> -        flex-wrap: wrap;
treefmt-check> -        margin: 1rem 0;
treefmt-check> -      }
treefmt-check> -      input[type="text"] {
treefmt-check> -        background: var(--code-bg);
treefmt-check> -        border: 1px solid var(--border);
treefmt-check> -        border-radius: 4px;
treefmt-check> -        color: var(--text);
treefmt-check> -        padding: 0.5rem 0.75rem;
treefmt-check> -        font-size: 1rem;
treefmt-check> -        font-family: inherit;
treefmt-check> -      }
treefmt-check> -      input[type="text"]:focus {
treefmt-check> -        outline: none;
treefmt-check> -        border-color: var(--accent);
treefmt-check> -      }
treefmt-check> -      label {
treefmt-check> -        display: flex;
treefmt-check> -        align-items: center;
treefmt-check> -        gap: 0.5rem;
treefmt-check> -        cursor: pointer;
treefmt-check> -      }
treefmt-check> -      input[type="checkbox"],
treefmt-check> -      input[type="radio"] {
treefmt-check> -        accent-color: var(--accent);
treefmt-check> -        width: 1.1rem;
treefmt-check> -        height: 1.1rem;
treefmt-check> -      }
treefmt-check> -      .radio-group {
treefmt-check> -        display: flex;
treefmt-check> -        gap: 1rem;
treefmt-check> +        --bg: #1a1a1a;
treefmt-check> +        --surface: #252525;
treefmt-check> +        --text: #e8e8e8;
treefmt-check> +        --text-muted: #a0a0a0;
treefmt-check> +        --accent: #e8e8e8;
treefmt-check> +        --code-bg: #0f0f0f;
treefmt-check> +        --border: #333333;
treefmt-check> +        --warning-bg: #3d2c00;
treefmt-check> +        --warning-border: #f5a623;
treefmt-check> +        --warning-text: #f5a623;
treefmt-check>        }
treefmt-check> +    }
treefmt-check> +    * {
treefmt-check> +      box-sizing: border-box;
treefmt-check> +    }
treefmt-check> +    body {
treefmt-check> +      font-family:
treefmt-check> +        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
treefmt-check> +        "Helvetica Neue", sans-serif;
treefmt-check> +      background: var(--bg);
treefmt-check> +      color: var(--text);
treefmt-check> +      line-height: 1.6;
treefmt-check> +      margin: 0;
treefmt-check> +      padding: 2rem;
treefmt-check> +    }
treefmt-check> +    main {
treefmt-check> +      max-width: 720px;
treefmt-check> +      margin: 0 auto;
treefmt-check> +    }
treefmt-check> +    h1,
treefmt-check> +    h2 {
treefmt-check> +      color: var(--accent);
treefmt-check> +    }
treefmt-check> +    h1 {
treefmt-check> +      border-bottom: 2px solid var(--border);
treefmt-check> +      padding-bottom: 0.5rem;
treefmt-check> +    }
treefmt-check> +    a {
treefmt-check> +      color: var(--accent);
treefmt-check> +    }
treefmt-check> +    code {
treefmt-check> +      font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
treefmt-check> +      font-size: 0.9em;
treefmt-check> +    }
treefmt-check> +    pre {
treefmt-check> +      background: var(--code-bg);
treefmt-check> +      border: 1px solid var(--border);
treefmt-check> +      border-radius: 6px;
treefmt-check> +      padding: 1rem;
treefmt-check> +      overflow-x: auto;
treefmt-check> +      position: relative;
treefmt-check> +    }
treefmt-check> +    pre code {
treefmt-check> +      color: var(--text);
treefmt-check> +    }
treefmt-check> +    .warning {
treefmt-check> +      background: var(--warning-bg);
treefmt-check> +      border-left: 4px solid var(--warning-border);
treefmt-check> +      padding: 0.75rem 1rem;
treefmt-check> +      margin: 1rem 0;
treefmt-check> +      border-radius: 0 6px 6px 0;
treefmt-check> +    }
treefmt-check> +    .warning strong {
treefmt-check> +      color: var(--warning-text);
treefmt-check> +    }
treefmt-check> +    p {
treefmt-check> +      margin: 1rem 0;
treefmt-check> +    }
treefmt-check> +    footer {
treefmt-check> +      margin-top: 2rem;
treefmt-check> +      padding-top: 1rem;
treefmt-check> +      border-top: 1px solid var(--border);
treefmt-check> +      color: var(--text-muted);
treefmt-check> +      font-size: 0.9em;
treefmt-check> +    }
treefmt-check> +    .js-only {
treefmt-check> +      display: none;
treefmt-check> +    }
treefmt-check> +    .copy-btn {
treefmt-check> +      position: absolute;
treefmt-check> +      top: 0.5rem;
treefmt-check> +      right: 0.5rem;
treefmt-check> +      background: var(--border);
treefmt-check> +      border: none;
treefmt-check> +      border-radius: 4px;
treefmt-check> +      color: var(--text-muted);
treefmt-check> +      padding: 0.25rem 0.5rem;
treefmt-check> +      cursor: pointer;
treefmt-check> +      font-size: 0.8rem;
treefmt-check> +      display: none;
treefmt-check> +    }
treefmt-check> +    .copy-btn:hover {
treefmt-check> +      background: var(--accent);
treefmt-check> +      color: var(--bg);
treefmt-check> +    }
treefmt-check> +    .form-group {
treefmt-check> +      display: flex;
treefmt-check> +      gap: 1rem;
treefmt-check> +      align-items: center;
treefmt-check> +      flex-wrap: wrap;
treefmt-check> +      margin: 1rem 0;
treefmt-check> +    }
treefmt-check> +    input[type="text"] {
treefmt-check> +      background: var(--code-bg);
treefmt-check> +      border: 1px solid var(--border);
treefmt-check> +      border-radius: 4px;
treefmt-check> +      color: var(--text);
treefmt-check> +      padding: 0.5rem 0.75rem;
treefmt-check> +      font-size: 1rem;
treefmt-check> +      font-family: inherit;
treefmt-check> +    }
treefmt-check> +    input[type="text"]:focus {
treefmt-check> +      outline: none;
treefmt-check> +      border-color: var(--accent);
treefmt-check> +    }
treefmt-check> +    label {
treefmt-check> +      display: flex;
treefmt-check> +      align-items: center;
treefmt-check> +      gap: 0.5rem;
treefmt-check> +      cursor: pointer;
treefmt-check> +    }
treefmt-check> +    input[type="checkbox"],
treefmt-check> +    input[type="radio"] {
treefmt-check> +      accent-color: var(--accent);
treefmt-check> +      width: 1.1rem;
treefmt-check> +      height: 1.1rem;
treefmt-check> +    }
treefmt-check> +    .radio-group {
treefmt-check> +      display: flex;
treefmt-check> +      gap: 1rem;
treefmt-check> +    }
treefmt-check>      </style>
treefmt-check>    </head>
treefmt-check>    <body>
treefmt-check> @@ -248,85 +249,81 @@ SSH Session:            ssh yXbrhy1bXaRIwTsgxJ8l:Wzo6XToyMjIy@upterm.thalheim.io
treefmt-check>      </main>
treefmt-check>  
treefmt-check>      <script>
treefmt-check> -      // Show JS-only elements, hide no-JS hints
treefmt-check> -      document.querySelectorAll(".js-only").forEach((el) =>
treefmt-check> -        el.style.display = "flex"
treefmt-check> -      );
treefmt-check> -      document.querySelectorAll(".js-hide").forEach((el) =>
treefmt-check> -        el.style.display = "none"
treefmt-check> -      );
treefmt-check> -      document.querySelectorAll(".copy-btn").forEach((el) =>
treefmt-check> -        el.style.display = "block"
treefmt-check> -      );
treefmt-check> +    // Show JS-only elements, hide no-JS hints
treefmt-check> +    document.querySelectorAll(".js-only").forEach((el) =>
treefmt-check> +      el.style.display = "flex"
treefmt-check> +    );
treefmt-check> +    document.querySelectorAll(".js-hide").forEach((el) =>
treefmt-check> +      el.style.display = "none"
treefmt-check> +    );
treefmt-check> +    document.querySelectorAll(".copy-btn").forEach((el) =>
treefmt-check> +      el.style.display = "block"
treefmt-check> +    );
treefmt-check>  
treefmt-check> -      const usernameInput = document.getElementById("username");
treefmt-check> -      const useNixCheckbox = document.getElementById("use-nix");
treefmt-check> -      const muxRadios = document.querySelectorAll('input[name="mux"]');
treefmt-check> -      const hostCmdEl = document.querySelector("#host-cmd code");
treefmt-check> -      const shellFnEl = document.querySelector("#shell-fn code");
treefmt-check> +    const usernameInput = document.getElementById("username");
treefmt-check> +    const useNixCheckbox = document.getElementById("use-nix");
treefmt-check> +    const muxRadios = document.querySelectorAll('input[name="mux"]');
treefmt-check> +    const hostCmdEl = document.querySelector("#host-cmd code");
treefmt-check> +    const shellFnEl = document.querySelector("#shell-fn code");
treefmt-check>  
treefmt-check> -      function getMux() {
treefmt-check> -        return document.querySelector('input[name="mux"]:checked')
treefmt-check> -          .value;
treefmt-check> -      }
treefmt-check> +    function getMux() {
treefmt-check> +      return document.querySelector('input[name="mux"]:checked')
treefmt-check> +        .value;
treefmt-check> +    }
treefmt-check>  
treefmt-check> -      function getHostCmd(user, useNix, mux) {
treefmt-check> -        const u = user || "USERNAME";
treefmt-check> -        const prefix = useNix
treefmt-check> -          ? "nix run nixpkgs#upterm -- host"
treefmt-check> -          : "upterm host";
treefmt-check> -        const attach = mux === "tmux"
treefmt-check> -          ? "tmux attach -t pair-programming"
treefmt-check> -          : "zellij attach pair-programming";
treefmt-check> -        const newSession = mux === "tmux"
treefmt-check> -          ? "tmux new -t pair-programming"
treefmt-check> -          : "zellij -s pair-programming";
treefmt-check> -        return `${prefix} --github-user '${u}' --server ssh://upterm.thalheim.io:2323 \\
treefmt-check> -  --force-command '${attach}' \\
treefmt-check> -  -- ${newSession}`;
treefmt-check> -      }
treefmt-check> +    function getHostCmd(user, useNix, mux) {
treefmt-check> +      const u = user || "USERNAME";
treefmt-check> +      const prefix = useNix ? "nix run nixpkgs#upterm -- host" : "upterm host";
treefmt-check> +      const attach = mux === "tmux"
treefmt-check> +        ? "tmux attach -t pair-programming"
treefmt-check> +        : "zellij attach pair-programming";
treefmt-check> +      const newSession = mux === "tmux"
treefmt-check> +        ? "tmux new -t pair-programming"
treefmt-check> +        : "zellij -s pair-programming";
treefmt-check> +      return `${prefix} --github-user '${u}' --server ssh://upterm.thalheim.io:2323 \\
treefmt-check> +      --force-command '${attach}' \\
treefmt-check> +      -- ${newSession}`;
treefmt-check> +    }
treefmt-check>  
treefmt-check> -      function getShellFn(useNix, mux) {
treefmt-check> -        const prefix = useNix
treefmt-check> -          ? "nix run nixpkgs#upterm -- host"
treefmt-check> -          : "upterm host";
treefmt-check> -        const attach = mux === "tmux"
treefmt-check> -          ? "tmux attach -t pair-programming"
treefmt-check> -          : "zellij attach pair-programming";
treefmt-check> -        const newSession = mux === "tmux"
treefmt-check> -          ? "tmux new -t pair-programming"
treefmt-check> -          : "zellij -s pair-programming";
treefmt-check> -        return `upterm-share() {
treefmt-check> -  if [ -z "$1" ]; then
treefmt-check> -    echo "Usage: upterm-share <github-username>"
treefmt-check> -    return 1
treefmt-check> -  fi
treefmt-check> -  ${prefix} --github-user "$1" --server ssh://upterm.thalheim.io:2323 \\
treefmt-check> -    --force-command '${attach}' \\
treefmt-check> -    -- ${newSession}
treefmt-check> -}`;
treefmt-check> -      }
treefmt-check> +    function getShellFn(useNix, mux) {
treefmt-check> +      const prefix = useNix ? "nix run nixpkgs#upterm -- host" : "upterm host";
treefmt-check> +      const attach = mux === "tmux"
treefmt-check> +        ? "tmux attach -t pair-programming"
treefmt-check> +        : "zellij attach pair-programming";
treefmt-check> +      const newSession = mux === "tmux"
treefmt-check> +        ? "tmux new -t pair-programming"
treefmt-check> +        : "zellij -s pair-programming";
treefmt-check> +      return `upterm-share() {
treefmt-check> +      if [ -z "$1" ]; then
treefmt-check> +        echo "Usage: upterm-share <github-username>"
treefmt-check> +        return 1
treefmt-check> +      fi
treefmt-check> +      ${prefix} --github-user "$1" --server ssh://upterm.thalheim.io:2323 \\
treefmt-check> +        --force-command '${attach}' \\
treefmt-check> +        -- ${newSession}
treefmt-check> +    }`;
treefmt-check> +    }
treefmt-check>  
treefmt-check> -      function updateCommands() {
treefmt-check> -        const user = usernameInput.value;
treefmt-check> -        const useNix = useNixCheckbox.checked;
treefmt-check> -        const mux = getMux();
treefmt-check> -        hostCmdEl.textContent = getHostCmd(user, useNix, mux);
treefmt-check> -        shellFnEl.textContent = getShellFn(useNix, mux);
treefmt-check> -      }
treefmt-check> +    function updateCommands() {
treefmt-check> +      const user = usernameInput.value;
treefmt-check> +      const useNix = useNixCheckbox.checked;
treefmt-check> +      const mux = getMux();
treefmt-check> +      hostCmdEl.textContent = getHostCmd(user, useNix, mux);
treefmt-check> +      shellFnEl.textContent = getShellFn(useNix, mux);
treefmt-check> +    }
treefmt-check>  
treefmt-check> -      usernameInput.addEventListener("input", updateCommands);
treefmt-check> -      useNixCheckbox.addEventListener("change", updateCommands);
treefmt-check> -      muxRadios.forEach((r) => r.addEventListener("change", updateCommands));
treefmt-check> +    usernameInput.addEventListener("input", updateCommands);
treefmt-check> +    useNixCheckbox.addEventListener("change", updateCommands);
treefmt-check> +    muxRadios.forEach((r) => r.addEventListener("change", updateCommands));
treefmt-check>  
treefmt-check> -      document.querySelectorAll(".copy-btn").forEach((btn) => {
treefmt-check> -        btn.addEventListener("click", () => {
treefmt-check> -          const code = btn.parentElement.querySelector("code");
treefmt-check> -          navigator.clipboard.writeText(code.textContent);
treefmt-check> -          btn.textContent = "Copied!";
treefmt-check> -          setTimeout(() => btn.textContent = "Copy", 1500);
treefmt-check> -        });
treefmt-check> +    document.querySelectorAll(".copy-btn").forEach((btn) => {
treefmt-check> +      btn.addEventListener("click", () => {
treefmt-check> +        const code = btn.parentElement.querySelector("code");
treefmt-check> +        navigator.clipboard.writeText(code.textContent);
treefmt-check> +        btn.textContent = "Copied!";
treefmt-check> +        setTimeout(() => btn.textContent = "Copy", 1500);
treefmt-check>        });
treefmt-check> +    });
treefmt-check>      </script>
treefmt-check>    </body>
treefmt-check>  </html>
treefmt-check> diff --git a/pkgs/firefox-extensions/app-windows/options.html b/pkgs/firefox-extensions/app-windows/options.html
treefmt-check> index 979c8e7..c9f4f2a 100644
treefmt-check> --- a/pkgs/firefox-extensions/app-windows/options.html
treefmt-check> +++ b/pkgs/firefox-extensions/app-windows/options.html
treefmt-check> @@ -3,16 +3,16 @@
treefmt-check>    <head>
treefmt-check>      <meta charset="utf-8" />
treefmt-check>      <style>
treefmt-check> -      body {
treefmt-check> -        font: menu;
treefmt-check> -        padding: 1em;
treefmt-check> -        max-width: 600px;
treefmt-check> -      }
treefmt-check> -      textarea {
treefmt-check> -        width: 100%;
treefmt-check> -        height: 200px;
treefmt-check> -        font-family: monospace;
treefmt-check> -      }
treefmt-check> +    body {
treefmt-check> +      font: menu;
treefmt-check> +      padding: 1em;
treefmt-check> +      max-width: 600px;
treefmt-check> +    }
treefmt-check> +    textarea {
treefmt-check> +      width: 100%;
treefmt-check> +      height: 200px;
treefmt-check> +      font-family: monospace;
treefmt-check> +    }
treefmt-check>      </style>
treefmt-check>    </head>
treefmt-check>    <body>
error: Cannot build '/nix/store/j1rxccmcgbdlj60vv0hz97w4n18hw3nj-treefmt-check.drv'.
       Reason: builder failed with exit code 1.
       Output paths:
         /nix/store/3srfc8xvhicwfxywqrhsmhmxyyqdy2gn-treefmt-check
       Last 25 log lines:
       >      <meta charset="utf-8" />
       >      <style>
       > -      body {
       > -        font: menu;
       > -        padding: 1em;
       > -        max-width: 600px;
       > -      }
       > -      textarea {
       > -        width: 100%;
       > -        height: 200px;
       > -        font-family: monospace;
       > -      }
       > +    body {
       > +      font: menu;
       > +      padding: 1em;
       > +      max-width: 600px;
       > +    }
       > +    textarea {
       > +      width: 100%;
       > +      height: 200px;
       > +      font-family: monospace;
       > +    }
       >      </style>
       >    </head>
       >    <body>
       For full logs, run:
         nix log /nix/store/j1rxccmcgbdlj60vv0hz97w4n18hw3nj-treefmt-check.drv