Merge develop into test/e2e-workplace-settings

Brings in #654 (PPT-2872), #655 (PPT-2871) and the desk asset changes
from #656, which the settings specs are updated for next.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015VtrxAzu8XnqXeQG3QbRXt

Author: camreeves

.fallowrc.json

@@ -10,7 +10,6 @@
         "libs/**/src/lib/**/*.ts",
         "libs/**/src/test-setup.ts",
         "libs/mocks/src/empty.ts",
-        "libs/mocks/src/mocks.ts",
         "shared/assets/**",
         "shared/styles/**",
         "tools/**/*.js",

.github/scripts/generate-changelogs.sh

@@ -1,5 +1,11 @@
 #!/usr/bin/env bash
 
+# Writes ${CHANGELOG_DIR}/<app>/CHANGELOG.md for each app in AFFECTED_APPS.
+#
+# git-cliff calculates diff statistics for each commit in the history, and this
+# is almost all of its run time. So git-cliff reads the history one time. Then
+# each changelog uses only the commits that change the app paths.
+
 set -euo pipefail
 
 : "${AFFECTED_APPS:?AFFECTED_APPS must be set}"
@@ -11,29 +17,58 @@ if ! [[ "$max_parallel" =~ ^[1-9][0-9]*$ ]]; then
     exit 1
 fi
 
+work_dir="$(mktemp -d)"
+trap 'rm -rf "${work_dir}"' EXIT
+context="${work_dir}/context.json"
+app_paths="${work_dir}/paths.json"
+
+applications=()
+while IFS= read -r application; do
+    applications+=("${application}")
+done < <(jq -r '.[]' <<< "${AFFECTED_APPS}")
+if (( ${#applications[@]} == 0 )); then
+    exit 0
+fi
+
+# `previous` contains a copy of the earlier release. The template does not use
+# it, and it makes the context much larger.
+git-cliff --config cliff.toml --context | jq -c 'map(.previous = null)' > "${context}"
+node ./tools/get-changelog-paths.js "${applications[@]}" > "${app_paths}"
+
 generate_changelog() {
     local application="$1"
     local output="${CHANGELOG_DIR}/${application}/CHANGELOG.md"
-    local args=()
+    local app_context="${work_dir}/${application}.json"
+    local pathspecs=()
 
     mkdir -p "$(dirname "${output}")"
     while IFS= read -r include_path; do
-        args+=(--include-path "${include_path}")
-    done < <(node ./tools/get-changelog-paths.js "${application}" | jq -r '.[]')
-    git-cliff --config cliff.toml --output "${output}" "${args[@]}"
+        pathspecs+=(":(glob)${include_path}")
+    done < <(jq -r --arg app "${application}" '.[$app][]' "${app_paths}")
+
+    # --full-history selects the same commits as git-cliff --include-path.
+    # Releases without app commits are removed.
+    git log --format=%H --full-history HEAD -- "${pathspecs[@]}" |
+        jq -R -s -c --slurpfile releases "${context}" '
+            (split("\n") | map({ key: ., value: true }) | from_entries) as $ids
+            | $releases[0]
+            | map(.commits |= map(select($ids[.id])))
+            | map(select(.commits | length > 0))
+        ' > "${app_context}"
+    git-cliff --config cliff.toml --from-context "${app_context}" --output "${output}"
 }
 
 mkdir -p "${CHANGELOG_DIR}"
 pids=()
-while IFS= read -r application; do
+for application in "${applications[@]}"; do
     generate_changelog "${application}" &
     pids+=("$!")
 
     if (( ${#pids[@]} >= max_parallel )); then
         wait "${pids[0]}"
         pids=("${pids[@]:1}")
     fi
-done < <(jq -r '.[]' <<< "${AFFECTED_APPS}")
+done
 
 for pid in "${pids[@]}"; do
     wait "${pid}"

.github/workflows/build.yml

@@ -33,7 +33,7 @@ jobs:
             - name: Setup Node.js environment
               uses: actions/setup-node@v6
               with:
-                  node-version: '24'
+                  node-version: '26'
 
             - name: Setup Bun
               uses: oven-sh/setup-bun@v2
@@ -169,7 +169,7 @@ jobs:
             - name: Setup Node.js environment
               uses: actions/setup-node@v6
               with:
-                  node-version: '24'
+                  node-version: '26'
 
             - name: Setup Bun
               uses: oven-sh/setup-bun@v2

.github/workflows/e2e-advisory.yml

@@ -133,7 +133,7 @@ jobs:
             # everything else combined.
             #
             # The toolchain is provisioned once on the machine instead:
-            #   brew install colima docker docker-compose node@24
+            #   brew install colima docker docker-compose node@26
             # See e2e/stack/SELF_HOSTED_RUNNER.md.
 
             # Keep bun-version the same as build.yml and pull-request.yml: bun.lock
@@ -342,6 +342,7 @@ jobs:
                   path: |
                       dist/.playwright
                       e2e-logs
+                  include-hidden-files: true
                   retention-days: 14
                   if-no-files-found: warn
 

.github/workflows/mobile.yml

@@ -27,7 +27,7 @@ jobs:
             - name: Setup Node.js environment
               uses: actions/setup-node@v6
               with:
-                  node-version: '24'
+                  node-version: '26'
 
             - name: Setup Bun
               uses: oven-sh/setup-bun@v2
@@ -67,7 +67,7 @@ jobs:
             - name: Setup Node.js environment
               uses: actions/setup-node@v6
               with:
-                  node-version: '24'
+                  node-version: '26'
 
             - name: Setup Bun
               uses: oven-sh/setup-bun@v2

.github/workflows/pull-request.yml

@@ -29,7 +29,7 @@ jobs:
             - name: Setup Node.js environment
               uses: actions/setup-node@v6
               with:
-                  node-version: '24'
+                  node-version: '26'
 
             - name: Setup Bun
               uses: oven-sh/setup-bun@v2

.nvmrc

@@ -0,0 +1 @@
+26

apps/app-loader/project.json

@@ -91,7 +91,10 @@
             "outputs": ["{workspaceRoot}/coverage/apps/app-loader"],
             "options": {
                 "tsConfig": "apps/app-loader/tsconfig.spec.json",
-                "setupFiles": ["apps/app-loader/src/test-setup.ts"],
+                "setupFiles": [
+                    "libs/common/src/test-storage.ts",
+                    "shared/test-setup-base.ts"
+                ],
                 "isolate": true,
                 "watch": false,
                 "buildTarget": "app-loader:test-build:development"

apps/app-loader/src/app/app.component.ts

@@ -2,14 +2,14 @@ import { Component, inject, OnInit, signal } from '@angular/core';
 import {
     current_user,
     currentUser,
+    firstTruthyValueFrom,
     markInitialisationComplete,
     SettingsService,
     setupPlace,
     storeApiKeyFromUrl,
     withTimeout,
 } from '@placeos/common';
 import { authority, queryApplications, setAPI_Key } from '@placeos/ts-client';
-import { first, lastValueFrom } from 'rxjs';
 
 import {
     appInitial,
@@ -51,7 +51,9 @@ import {
                         <p>No applications configured for this domain.</p>
                     </div>
                 } @else {
-                    <div class="app-grid">
+                    <div
+                        class="app-grid grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-3"
+                    >
                         @for (app of applications(); track app.id) {
                             <a
                                 class="border-base-300 bg-base-200 text-base-content hover:border-primary focus-visible:border-primary flex flex-col items-center gap-3 rounded-xl border p-4 text-center no-underline transition hover:-translate-y-0.5 hover:shadow-md focus-visible:shadow-md focus-visible:outline-none"
@@ -72,15 +74,19 @@ import {
                                         <span>{{ appInitial(app.name) }}</span>
                                     }
                                 </div>
-                                <div class="app-name">{{ app.name }}</div>
+                                <div
+                                    class="app-name line-clamp-2 text-center text-base/[1.35] font-semibold wrap-break-word"
+                                >
+                                    {{ app.name }}
+                                </div>
                             </a>
                         }
                     </div>
                 }
             </section>
         </main>
     `,
-    styles: [],
+    host: { class: 'block min-h-full' },
     providers: [SettingsService],
 })
 export class AppComponent implements OnInit {
@@ -97,16 +103,14 @@ export class AppComponent implements OnInit {
         const api_key = params.get('x-api-key');
         if (api_key) setAPI_Key(api_key);
         try {
-            await lastValueFrom(
-                this._settings.initialised.pipe(first((_) => _)),
-            );
+            await firstTruthyValueFrom(this._settings.initialised);
             const settings = { ...(this._settings.get('composer') || {}) };
             settings.mock =
                 !!this._settings.get('mock') ||
                 location.origin.includes('demo.place.tech');
             await setupPlace(settings).finally(storeApiKeyFromUrl);
             await withTimeout(
-                lastValueFrom(current_user.pipe(first((_) => !!_))),
+                firstTruthyValueFrom(current_user),
                 30_000,
                 'Current user loading timed out.',
             );

apps/app-loader/src/styles.css

@@ -2,132 +2,6 @@
 /* The app renders only its own templates, so scan only app sources. */
 @source './';
 
-:root {
-    /* Brand */
-    --brand-100: hsl(336, 57%, 48%);
-    --brand-200: hsl(217, 91%, 60%);
-    --brand-300: hsl(200, 15%, 94%);
-    --brand-400: hsl(336, 57%, 48%);
-    --brand-500: hsl(336, 57%, 48%);
-    --brand-600: hsl(336, 57%, 48%);
-    --brand-content: hsl(0, 0%, 100%);
-
-    /* Primary */
-    --primary: hsl(336, 57%, 48%);
-    --primary-focus: hsl(336, 57%, 38%);
-    --primary-content: hsl(0, 0%, 100%);
-
-    /* Secondary */
-    --secondary: hsl(237, 37%, 20%);
-    --secondary-focus: hsl(237, 37%, 10%);
-    --secondary-content: hsl(0, 0%, 100%);
-
-    /* Ternary */
-    --ternary: hsl(237, 37%, 20%);
-    --ternary-focus: hsl(237, 37%, 10%);
-    --ternary-content: hsl(0, 0%, 100%);
-
-    /* Accent */
-    --accent: hsl(156, 57%, 48%);
-    --accent-focus: hsl(156, 57%, 38%);
-    --accent-content: hsl(0, 0%, 0%);
-
-    /* Neutral */
-    --neutral: hsl(0, 0%, 50%);
-    --neutral-focus: hsl(0, 0%, 40%);
-    --neutral-content: hsl(0, 0%, 100%);
-
-    /* Base */
-    --base-100: hsl(0, 0%, 98.5%);
-    --base-200: hsl(49, 2%, 92%);
-    --base-300: hsl(56, 5%, 71%);
-    --base-400: hsl(58, 7%, 55%);
-    --base-content: hsl(0, 0%, 0%);
-
-    /* Info */
-    --info: hsl(217, 91%, 60%);
-    --info-light: hsl(207, 89%, 94%);
-    --info-content: hsl(214, 100%, 97%);
-
-    /* Warning */
-    --warn: #ffa000;
-    --warn-light: hsl(60, 100%, 95%);
-    --warn-content: hsl(0, 0%, 0%);
-
-    /* Success */
-    --success: hsl(118, 50%, 43%);
-    --success-light: hsl(120, 39%, 94%);
-    --success-content: hsl(152, 81%, 96%);
-
-    /* Error */
-    --error: hsl(354, 75%, 53%);
-    --error-light: hsl(350, 100%, 96%);
-    --error-content: hsl(0, 0%, 100%);
-}
-
-.theme-dark {
-    /* Brand */
-    --brand-100: hsl(336, 57%, 48%);
-    --brand-200: hsl(217, 91%, 60%);
-    --brand-300: hsl(232, 50%, 48%);
-    --brand-400: hsl(336, 57%, 48%);
-    --brand-500: hsl(336, 57%, 48%);
-    --brand-600: hsl(336, 57%, 48%);
-    --brand-content: hsl(0, 0%, 100%);
-
-    /* Primary */
-    --primary: hsl(336, 57%, 48%);
-    --primary-focus: hsl(336, 57%, 38%);
-    --primary-content: hsl(0, 0%, 100%);
-
-    /* Secondary */
-    --secondary: hsl(336, 57%, 48%);
-    --secondary-focus: hsl(336, 57%, 38%);
-    --secondary-content: hsl(0, 0%, 100%);
-
-    /* Ternary */
-    --ternary: hsl(206, 23%, 30%);
-    --ternary-focus: hsl(206, 23%, 24%);
-    --ternary-content: hsl(0, 0%, 80%);
-
-    /* Accent */
-    --accent: hsl(156, 57%, 28%);
-    --accent-focus: hsl(158, 17%, 9%);
-    --accent-content: hsl(0, 0%, 80%);
-
-    /* Neutral */
-    --neutral: hsl(0, 0%, 20%);
-    --neutral-focus: hsl(0, 0%, 15%);
-    --neutral-content: hsl(0, 0%, 80%);
-
-    /* Base */
-    --base-100: hsl(0, 0%, 10%);
-    --base-200: hsl(0, 0%, 15%);
-    --base-300: hsl(0, 0%, 20%);
-    --base-400: hsl(0, 0%, 30%);
-    --base-content: hsl(0, 0%, 80%);
-
-    /* Info */
-    --info: hsl(211, 80%, 42%);
-    --info-light: hsl(206, 90%, 61%);
-    --info-content: hsl(0, 0%, 100%);
-
-    /* Warning */
-    --warn: hsl(34, 100%, 50%);
-    --warn-light: hsl(44, 100%, 65%);
-    --warn-content: hsl(0, 0%, 0%);
-
-    /* Success */
-    --success: hsl(122, 46%, 34%);
-    --success-light: hsl(122, 39%, 57%);
-    --success-content: hsl(0, 0%, 100%);
-
-    /* Error */
-    --error: hsl(0, 66%, 47%);
-    --error-light: hsl(4, 83%, 63%);
-    --error-content: hsl(0, 0%, 100%);
-}
-
 html,
 body {
     height: 100%;