@k2b/cloud 0.42.0 → 0.44.0

package/src/ssr/SettingsSaveOutcome.tsx

@@ -0,0 +1,58 @@
+import { i18n } from "@k2b/stdlib";
+import { Button, InlineGuidance, useLocale } from "@k2b/ui";
+import { Show } from "solid-js";
+import type { SettingsDraftOutcome } from "./settings-draft";
+
+const messages = i18n.define({
+  baseLocale: "en",
+  messages: {
+    en: {
+      notSaved: "Not saved.",
+      notSavedKeep: "The previous values still apply. Your changes stay here.",
+      unknownOutcome: "The connection broke while saving.",
+      unknownOutcomeKeep: "Whether the new values apply is open. Cloud does not save again on its own.",
+      checkNow: "Check current state",
+      retry: "Try again",
+    },
+    de: {
+      notSaved: "Nicht gespeichert.",
+      notSavedKeep: "Es gelten weiter die alten Werte. Deine Änderungen bleiben hier stehen.",
+      unknownOutcome: "Die Verbindung brach beim Speichern ab.",
+      unknownOutcomeKeep: "Ob die neuen Werte gelten, ist offen. Cloud speichert nicht von selbst noch einmal.",
+      checkNow: "Stand jetzt prüfen",
+      retry: "Erneut versuchen",
+    },
+  },
+});
+
+export const checkSettingsSaveOutcomeMessages = () => messages.check();
+
+/**
+ * What became of the last save when it did not succeed, above the form: not saved with the reason and a retry, or an
+ * unclear outcome with a way to check the current state instead of saving twice.
+ */
+export default function SettingsSaveOutcome(props: { outcome: SettingsDraftOutcome | null; onRetry: () => void }) {
+  const locale = useLocale();
+  const t = () => messages.resolve([locale()]).t;
+  return (
+    <Show when={props.outcome}>
+      {(outcome) =>
+        outcome().kind === "failed" ? (
+          <InlineGuidance tone="danger" icon="ti ti-alert-triangle">
+            <b>{t().notSaved}</b> {outcome().message} {t().notSavedKeep}{" "}
+            <Button type="button" variant="ghost" size="xs" onClick={props.onRetry}>
+              {t().retry}
+            </Button>
+          </InlineGuidance>
+        ) : (
+          <InlineGuidance tone="warning" icon="ti ti-help-circle">
+            <b>{t().unknownOutcome}</b> {t().unknownOutcomeKeep}{" "}
+            <Button type="button" variant="ghost" size="xs" onClick={() => window.location.reload()}>
+              {t().checkNow}
+            </Button>
+          </InlineGuidance>
+        )
+      }
+    </Show>
+  );
+}

package/src/ssr/SettingsSaveStatus.island.tsx

@@ -0,0 +1,16 @@
+import { SaveStatus } from "@k2b/ui";
+import { settingsSaveControls } from "./settings-draft";
+
+/** Status, Discard and Save in the head of a form level. Until the form registers, it shows "Saved" with both buttons disabled. */
+export default function SettingsSaveStatus() {
+  const controls = settingsSaveControls;
+  return (
+    <SaveStatus
+      state={() => controls()?.state ?? "saved"}
+      savedAt={() => controls()?.savedAt}
+      invalidCount={() => controls()?.invalidCount ?? 1}
+      onSave={() => controls()?.save()}
+      onDiscard={() => controls()?.discard()}
+    />
+  );
+}

package/src/ssr/ShellRuntime.island.tsx

@@ -12,6 +12,7 @@ import {
 import { createEffect, createSignal, onCleanup, onMount } from "solid-js";
 import { isServer } from "solid-js/web";
 import { appWorkspaceCookieName, readAppWorkspaceLayoutCookie } from "../_internal/app-workspace-state";
+import { installAppAccessRecovery } from "../browser/app-access-recovery";
 import { registerContextAwareCommand } from "../browser/command-bridge";
 import { attachCommandShortcuts } from "../browser/command-shortcuts";
 import { navigationSearchItems } from "../browser/navigation-search";
@@ -36,6 +37,7 @@ import { shellShortcuts } from "./shell-shortcuts";
 import { syncTimezoneCookie } from "./timezone-cookie";
 
 export type ShellRuntimeProps = {
+  appAccess?: { id: string; routes: readonly string[] };
   /** This page has an authorized panel slot. */
   panel?: boolean;
   /** Layout pages outside focus mode: keep the current app's workspace layout in its cookie. */
@@ -78,6 +80,9 @@ export default function ShellRuntime(props: ShellRuntimeProps) {
   const locale = useLocale();
   const t = () => platformMessages.resolve([locale()]).t;
   onMount(() => syncTimezoneCookie(true));
+  onMount(() => {
+    if (props.appAccess) onCleanup(installAppAccessRecovery(props.appAccess));
+  });
   onMount(() => onCleanup(installInputModeController()));
 
   const togglePanel = () => {

package/src/ssr/__snapshots__/Layout.unchanged.render.test.tsx.snap

@@ -22,7 +22,7 @@ exports[`opt-out regular HTML is unchanged 1`] = `
     <script>!function(){var e=document.documentElement;if(e.hasAttribute("data-theme-fixed"))return;var m=matchMedia("(prefers-color-scheme: dark)");function r(n,s){var v;document.cookie.split(";").forEach(function(p){p=p.trim();var i=p.indexOf("=");if(i>0&&p.slice(0,i)===n){var t=p.slice(i+1);try{t=decodeURIComponent(t)}catch(e){}if(t==="light"||t==="dark"||s&&t==="system")v=t}});return v}function a(){var s=m.matches?"dark":"light";if(r("color-scheme")!==s)document.cookie="color-scheme="+s+"; path=/; max-age=31536000; SameSite=Lax"+(location.protocol==="https:"?"; Secure":"");var p=r("theme",true)||"system";e.classList.remove("light","dark");e.classList.add(p==="system"?s:p)}a();m.addEventListener("change",function(){a();window.dispatchEvent(new Event("cloud:theme-preference"))})}();</script>
   </head>
   <body class="k2b-ui" data-k2b-app-workspace-controller="global">
-    <div class="cloud-app-canvas relative flex w-full min-h-dvh md:h-dvh md:overflow-hidden" style="" data-app-id="unchanged" data-app-base="/app/unchanged" data-layout-authenticated="true"><solid-island data-id="da36a5b84abc" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;panel&quot;,&quot;workspace&quot;,&quot;pageTrail&quot;,&quot;focus&quot;,&quot;help&quot;,&quot;commands&quot;,&quot;push&quot;,&quot;announcements&quot;,&quot;banners&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:10,&quot;i&quot;:1,&quot;p&quot;:{&quot;k&quot;:[&quot;appId&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;unchanged&quot;}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:10,&quot;i&quot;:2,&quot;p&quot;:{&quot;k&quot;:[&quot;searchResources&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="ShellRuntime.island.tsx"></solid-island><script id="cloud-shell-data" type="application/json">{"panel":{"providers":[{"id":"unchanged","label":"Panel","icon":"ti ti-box","href":"/app/unchanged/panel","appName":"Unchanged","consent":true}],"provider":"unchanged","context":{"v":1,"seq":0,"pageId":"11111111-1111-4111-8111-111111111111","app":"unchanged"}},"platform":"other","apps":[{"iconClass":"ti ti-box","defaultVisible":true,"id":"unchanged","label":"Unchanged","href":"/app/unchanged","match":"/app/unchanged","description":"Snapshot fixture"}],"rail":{"revision":0,"visibility":{},"shortcuts":[]},"home":"/app/dashboard","profile":{"name":"Mia Muster"},"legalLinks":[{"label":"Profile","href":"/me","icon":"ti ti-user-circle"}],"theme":"system","searchLinks":{},"appId":"unchanged"}</script><aside class="layout-rail hidden w-14 shrink-0 flex-col md:flex"><div class="layout-rail-logo flex h-[2.875rem] shrink-0 items-center justify-center"><a href="/" aria-label="Home"><img src="/branding/logo" alt="Logo" class="h-5 w-5"></a></div><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;currentPath&quot;,&quot;panelOpen&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;rail&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;/app/unchanged?mode=regular&quot;},{&quot;t&quot;:2,&quot;s&quot;:3}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><nav class="layout-rail-navigation flex min-h-0 flex-1 flex-col items-center gap-1" aria-label="Apps"><button type="button" class="rail-item " data-cloud-shell-focus-toggle="hide" aria-label="Hide sidebar" ><i class="ti ti-layout-sidebar-left-collapse text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100000000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Hide sidebar (⌘/Ctrl+\\)</span><div style="flex:0 1 auto;scrollbar-width:none;scrollbar-gutter:auto;overflow-x:hidden" data-cloud-rail-apps="true" data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area flex w-full flex-col items-center gap-1 " ><a href="/app/unchanged" class="rail-item relative shrink-0 rail-item-active" aria-label="Unchanged" aria-current="page" style=""><i class="ti ti-box text-xl" aria-hidden="true"></i><span class="sr-only">Unchanged</span></a><span id="k2b-tooltip-00010000102010" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Unchanged</span></div><button type="button" class="rail-item shrink-0 " data-cloud-launchpad="true" aria-label="Open apps" ><i class="ti ti-grid-dots text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100002000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Open apps</span><div class="mt-auto shrink-0 flex flex-col items-center gap-1"><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open global search" ><i class="ti ti-search text-xl"></i></button><span id="k2b-tooltip-000100004000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Search (⌘/Ctrl+K)</span><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open help" ><i class="ti ti-help-circle text-xl"></i></button><span id="k2b-tooltip-000100005000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Help (Shift+/)</span><div class="layout-profile-preferences"><button type="button" class="layout-profile-preferences__link" aria-label="Profile and preferences"><span class="k2b-avatar " data-size="sm" data-tint="9" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div class="layout-profile-preferences__panel dropdown-menu-surface"><button type="button" class="menu-item" aria-label="Appearance: Automatic. Switches to Light."><i class="ti ti-device-laptop" aria-hidden="true"></i><span>Automatic</span></button><button type="button" class="menu-item"><i class="ti ti-language" aria-hidden="true"></i><span>Deutsch</span></button><a href="/me" class="menu-item"><i class="ti ti-user-circle" aria-hidden="true"></i><span>Profile settings</span></a><button type="button" class="menu-item"><i class="ti ti-logout" aria-hidden="true"></i><span>Sign out</span></button></div><span class="k2b-dropdown layout-profile-preferences__dropdown"><button aria-controls="k2b-dropdown-00010000610" aria-expanded="false" aria-haspopup="menu" aria-label="Profile and preferences" type="button" class="k2b-dropdown__trigger layout-profile-preferences__dropdown-trigger " ><span class="k2b-avatar " data-size="sm" data-tint="9" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div id="k2b-dropdown-00010000610" popover="auto" role="menu" aria-label="Profile and preferences" class="k2b-dropdown__menu " style="--k2b-dropdown-width:14rem" data-width="fixed" data-variant="default" data-position="right-start"><button type="button" role="menuitem" aria-label="Appearance: Automatic. Switches to Light." tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-device-laptop" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Automatic</span></span></button><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-language" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Deutsch</span></span></button><a href="/me" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-user-circle" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Profile settings</span></span></a><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-logout" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Sign out</span></span></button></div></span><span class="sr-only" aria-live="polite"></span></div></div></nav></solid-island></aside><div class="cloud-shell-show"><button data-cloud-shell-focus-toggle="show" title="Show sidebar (⌘/Ctrl+\\)" aria-label="Show sidebar" type="button" class="k2b-button k2b-icon-button  " data-size="lg" data-variant="secondary" ><span class="k2b-button__label"><i class="ti ti-layout-sidebar-left-expand text-xl" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010100100" role="tooltip" popover="manual" class="k2b-tooltip">Show sidebar (⌘/Ctrl+\\)</span></div><div class="cloud-shell-reveal" data-cloud-shell-reveal aria-hidden="true"></div><div class="layout-shell-content flex min-h-0 min-w-0 flex-1 flex-col" data-cloud-app-area><header class="layout-header paper flex min-h-[2.875rem] shrink-0 items-center px-2 py-1.5 md:px-3 md:py-2 md:hidden" style="box-shadow:var(--ui-shadow-surface)"><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;panelOpen&quot;,&quot;authenticated&quot;,&quot;title&quot;,&quot;launchpad&quot;,&quot;breadcrumbs&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;header&quot;},{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:1,&quot;s&quot;:&quot;Unchanged&quot;},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><div class="ml-2 flex min-w-0 flex-1 items-center"><div class="flex min-w-0 items-center lg:hidden"><span class="layout-header-title truncate font-semibold">Unchanged</span><button type="button" class="layout-header-title-menu" aria-haspopup="dialog"><span class="truncate font-semibold">Unchanged</span><span class="sr-only">, Menu</span><i class="ti ti-chevron-down" aria-hidden="true"></i></button></div></div><div class="flex shrink-0 items-center gap-1"><div class="flex items-center gap-1 lg:hidden"><button title="Search (⌘/Ctrl+K)" aria-label="Open global search" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-search text-base"></i></span></button><span id="k2b-tooltip-00010200100100" role="tooltip" popover="manual" class="k2b-tooltip">Search (⌘/Ctrl+K)</span><button title="Help (Shift+/)" aria-label="Open help" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-help-circle text-base"></i></span></button><span id="k2b-tooltip-00010200200100" role="tooltip" popover="manual" class="k2b-tooltip">Help (Shift+/)</span><button title="Open apps" aria-label="Open apps" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-grid-dots text-lg"></i></span></button><span id="k2b-tooltip-00010200300100" role="tooltip" popover="manual" class="k2b-tooltip">Open apps</span></div></div></solid-island></header><script type="application/json" data-k2b-page-trail>{"title":"Unchanged page","ancestors":[]}</script><div class="layout-page-head" data-trail="title"><div class="k2b-page-title " data-depth="0" data-fallback="" data-k2b-server=""><div class="k2b-page-title__copy"><p data-hk="00010501040" class="k2b-page-title__title " ><span class="k2b-page-title__text">Unchanged page</span></p></div></div></div><main class="layout-content-main min-h-0 min-w-0 flex-1 md:overflow-auto md:[scrollbar-gutter:stable]">Page content</main></div><aside class="cloud-panel" id="cloud-panel" data-cloud-panel aria-label="Panel" data-state="closed" data-provider="unchanged" data-app-name="Unchanged" data-provider-consent="true" data-context-allowed="false"><div role="separator" tabindex="0" class="k2b-resize-separator cloud-panel__resize" aria-orientation="vertical" aria-valuemin="20" aria-valuemax="36" aria-valuenow="26" aria-label="Resize panel" aria-controls="cloud-panel" data-orientation="vertical" data-resize-edge="start"><span aria-hidden="true"></span></div><div class="cloud-panel__card"><button type="button" class="cloud-panel__grabber" data-cloud-panel-grow aria-label="Enlarge panel"><span aria-hidden="true"></span></button><div class="cloud-panel__head"><h2 class="cloud-panel__title"><i class="ti ti-box" aria-hidden="true"></i><span>Panel</span></h2><span class="cloud-panel__menu" data-cloud-panel-menu style="visibility:visible"><button aria-haspopup="menu" aria-expanded="false" title="Panel menu" aria-label="Panel menu" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010610100" role="tooltip" popover="manual" class="k2b-tooltip">Panel menu</span></span><button data-cloud-panel-close="" title="Close panel (Ctrl+J)" aria-label="Close panel" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-x" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010620100" role="tooltip" popover="manual" class="k2b-tooltip">Close panel (Ctrl+J)</span></div><div class="cloud-panel__body" id="cloud-panel-body"><article data-cloud-panel-consent="" role="region" tabindex="-1" aria-labelledby="cloud-panel-consent-title" class="k2b-notice-card cloud-panel__consent " data-tone="neutral"><div class="k2b-notice-card__content"><div class="k2b-notice-card__head"><p class="k2b-notice-card__title"><span id="cloud-panel-consent-title" data-cloud-panel-consent-title>May Unchanged see where you are?</span></p></div><p class="k2b-notice-card__description"><span data-cloud-panel-consent-body>Unchanged only learns which place you are at. It can read only what you may read yourself. You can change this in the ⋯ menu at any time.</span></p><div class="k2b-notice-card__body "><div class="cloud-panel__consent-actions"><button data-cloud-panel-consent-answer="allow" type="button" class="k2b-button " data-size="sm" data-variant="primary" ><span class="k2b-button__label">Allow</span></button><button data-cloud-panel-consent-answer="deny" type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Don't share</span></button></div><p class="cloud-panel__consent-error" data-cloud-panel-consent-error role="status"></p></div></div></article><div class="cloud-panel__skeleton" aria-hidden="true"><span></span><span></span><span></span></div><div class="cloud-panel__fallback"><div data-hk="000106400" class="k2b-placeholder  " data-align="center" data-state="error" data-surface="none" data-variant="panel" role="alert" ><span class="k2b-placeholder__icon"><i class="ti ti-alert-circle" aria-hidden="true"></i></span><p class="k2b-placeholder__title">The panel did not load</p><div class="k2b-placeholder__description">Panel is not responding.</div><div class="k2b-placeholder__action"><button data-cloud-panel-retry="" type="button" class="k2b-button " data-size="md" data-variant="primary" ><span class="k2b-button__label">Try again</span></button></div></div></div><div class="cloud-panel__shield" aria-hidden="true"></div><div class="cloud-panel__closing" aria-hidden="true"><span><i class="ti ti-x"></i>Release to close the panel</span></div></div></div><div role="status" class="k2b-sr-only" data-cloud-panel-status></div></aside><div class="cloud-tab-bar"><div class="cloud-tab-bar__row"><nav class="k2b-tab-bar" aria-label="Apps" data-variant="floating"><ul><li><a href="/" data-tab="home" data-k2b-title="Home"><i class="ti ti-home" aria-hidden="true"></i><span class="k2b-truncate-fade">Home</span></a></li><li><a href="/app/unchanged" aria-current="page" data-tab="unchanged" data-k2b-title="Unchanged"><i class="ti ti-box" aria-hidden="true"></i><span class="k2b-truncate-fade">Unchanged</span></a></li></ul></nav></div></div><div data-print-fallback><p>This view does not print well.</p><p>Open the item you want to print, or use the app's export.</p></div></div>
+    <div class="cloud-app-canvas relative flex w-full min-h-dvh md:h-dvh md:overflow-hidden" style="" data-app-id="unchanged" data-app-base="/app/unchanged" data-layout-authenticated="true"><solid-island data-id="da36a5b84abc" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;panel&quot;,&quot;workspace&quot;,&quot;pageTrail&quot;,&quot;focus&quot;,&quot;help&quot;,&quot;commands&quot;,&quot;push&quot;,&quot;announcements&quot;,&quot;banners&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:10,&quot;i&quot;:1,&quot;p&quot;:{&quot;k&quot;:[&quot;appId&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;unchanged&quot;}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:10,&quot;i&quot;:2,&quot;p&quot;:{&quot;k&quot;:[&quot;searchResources&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="ShellRuntime.island.tsx"></solid-island><script id="cloud-shell-data" type="application/json">{"panel":{"providers":[{"id":"unchanged","label":"Panel","icon":"ti ti-box","href":"/app/unchanged/panel","appName":"Unchanged","consent":true}],"provider":"unchanged","context":{"v":1,"seq":0,"pageId":"11111111-1111-4111-8111-111111111111","app":"unchanged"}},"platform":"other","apps":[{"iconClass":"ti ti-box","defaultVisible":true,"id":"unchanged","label":"Unchanged","href":"/app/unchanged","match":"/app/unchanged","description":"Snapshot fixture"}],"rail":{"revision":0,"visibility":{},"shortcuts":[]},"home":"/app/dashboard","profile":{"name":"Mia Muster"},"legalLinks":[{"label":"Profile","href":"/me","icon":"ti ti-user-circle"}],"theme":"system","searchLinks":{},"appId":"unchanged"}</script><aside class="layout-rail hidden w-14 shrink-0 flex-col md:flex"><div class="layout-rail-logo flex h-[2.875rem] shrink-0 items-center justify-center"><a href="/" aria-label="Home"><img src="/branding/logo" alt="Logo" class="h-5 w-5"></a></div><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;currentPath&quot;,&quot;panelOpen&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;rail&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;/app/unchanged?mode=regular&quot;},{&quot;t&quot;:2,&quot;s&quot;:3}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><nav class="layout-rail-navigation flex min-h-0 flex-1 flex-col items-center gap-1" aria-label="Apps"><button type="button" class="rail-item " data-cloud-shell-focus-toggle="hide" aria-label="Hide sidebar" ><i class="ti ti-layout-sidebar-left-collapse text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100000000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Hide sidebar (⌘/Ctrl+\\)</span><div style="flex:0 1 auto;scrollbar-width:none;scrollbar-gutter:auto;overflow-x:hidden" data-cloud-rail-apps="true" data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area flex w-full flex-col items-center gap-1 " ><a href="/app/unchanged" class="rail-item relative shrink-0 rail-item-active" aria-label="Unchanged" aria-current="page" style=""><i class="ti ti-box text-xl" aria-hidden="true"></i><span class="sr-only">Unchanged</span></a><span id="k2b-tooltip-00010000102010" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Unchanged</span></div><button type="button" class="rail-item shrink-0 " data-cloud-launchpad="true" aria-label="Open apps" ><i class="ti ti-grid-dots text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100002000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Open apps</span><div class="mt-auto shrink-0 flex flex-col items-center gap-1"><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open global search" ><i class="ti ti-search text-xl"></i></button><span id="k2b-tooltip-000100004000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Search (⌘/Ctrl+K)</span><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open help" ><i class="ti ti-help-circle text-xl"></i></button><span id="k2b-tooltip-000100005000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Help (Shift+/)</span><div class="layout-profile-preferences"><button type="button" class="layout-profile-preferences__link" aria-label="Profile and preferences"><span class="k2b-avatar " data-size="sm" data-tint="1" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div class="layout-profile-preferences__panel dropdown-menu-surface"><button type="button" class="menu-item" aria-label="Appearance: Automatic. Switches to Light."><i class="ti ti-device-laptop" aria-hidden="true"></i><span>Automatic</span></button><button type="button" class="menu-item"><i class="ti ti-language" aria-hidden="true"></i><span>Deutsch</span></button><a href="/me" class="menu-item"><i class="ti ti-user-circle" aria-hidden="true"></i><span>Profile settings</span></a><button type="button" class="menu-item"><i class="ti ti-logout" aria-hidden="true"></i><span>Sign out</span></button></div><span class="k2b-dropdown layout-profile-preferences__dropdown"><button aria-controls="k2b-dropdown-00010000610" aria-expanded="false" aria-haspopup="menu" aria-label="Profile and preferences" type="button" class="k2b-dropdown__trigger layout-profile-preferences__dropdown-trigger " ><span class="k2b-avatar " data-size="sm" data-tint="1" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div id="k2b-dropdown-00010000610" popover="auto" role="menu" aria-label="Profile and preferences" class="k2b-dropdown__menu " style="--k2b-dropdown-width:14rem" data-width="fixed" data-variant="default" data-position="right-start"><button type="button" role="menuitem" aria-label="Appearance: Automatic. Switches to Light." tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-device-laptop" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Automatic</span></span></button><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-language" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Deutsch</span></span></button><a href="/me" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-user-circle" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Profile settings</span></span></a><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-logout" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Sign out</span></span></button></div></span><span class="sr-only" aria-live="polite"></span></div></div></nav></solid-island></aside><div class="cloud-shell-show"><button data-cloud-shell-focus-toggle="show" title="Show sidebar (⌘/Ctrl+\\)" aria-label="Show sidebar" type="button" class="k2b-button k2b-icon-button  " data-size="lg" data-variant="secondary" ><span class="k2b-button__label"><i class="ti ti-layout-sidebar-left-expand text-xl" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010100100" role="tooltip" popover="manual" class="k2b-tooltip">Show sidebar (⌘/Ctrl+\\)</span></div><div class="cloud-shell-reveal" data-cloud-shell-reveal aria-hidden="true"></div><div class="layout-shell-content flex min-h-0 min-w-0 flex-1 flex-col" data-cloud-app-area><header class="layout-header paper flex min-h-[2.875rem] shrink-0 items-center px-2 py-1.5 md:px-3 md:py-2 md:hidden" style="box-shadow:var(--ui-shadow-surface)"><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;panelOpen&quot;,&quot;authenticated&quot;,&quot;title&quot;,&quot;launchpad&quot;,&quot;breadcrumbs&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;header&quot;},{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:1,&quot;s&quot;:&quot;Unchanged&quot;},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><div class="ml-2 flex min-w-0 flex-1 items-center"><div class="flex min-w-0 items-center lg:hidden"><span class="layout-header-title truncate font-semibold">Unchanged</span><button type="button" class="layout-header-title-menu" aria-haspopup="dialog"><span class="truncate font-semibold">Unchanged</span><span class="sr-only">, Menu</span><i class="ti ti-chevron-down" aria-hidden="true"></i></button></div></div><div class="flex shrink-0 items-center gap-1"><div class="flex items-center gap-1 lg:hidden"><button title="Search (⌘/Ctrl+K)" aria-label="Open global search" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-search text-base"></i></span></button><span id="k2b-tooltip-00010200100100" role="tooltip" popover="manual" class="k2b-tooltip">Search (⌘/Ctrl+K)</span><button title="Help (Shift+/)" aria-label="Open help" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-help-circle text-base"></i></span></button><span id="k2b-tooltip-00010200200100" role="tooltip" popover="manual" class="k2b-tooltip">Help (Shift+/)</span><button title="Open apps" aria-label="Open apps" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-grid-dots text-lg"></i></span></button><span id="k2b-tooltip-00010200300100" role="tooltip" popover="manual" class="k2b-tooltip">Open apps</span></div></div></solid-island></header><script type="application/json" data-k2b-page-trail>{"title":"Unchanged page","ancestors":[]}</script><div class="layout-page-head" data-trail="title"><div class="k2b-page-title " data-depth="0" data-fallback="" data-k2b-server=""><div class="k2b-page-title__copy"><p data-hk="00010501040" class="k2b-page-title__title " ><span class="k2b-page-title__text">Unchanged page</span></p></div></div></div><main class="layout-content-main min-h-0 min-w-0 flex-1 md:overflow-auto md:[scrollbar-gutter:stable]">Page content</main></div><aside class="cloud-panel" id="cloud-panel" data-cloud-panel aria-label="Panel" data-state="closed" data-provider="unchanged" data-app-name="Unchanged" data-provider-consent="true" data-context-allowed="false"><div role="separator" tabindex="0" class="k2b-resize-separator cloud-panel__resize" aria-orientation="vertical" aria-valuemin="20" aria-valuemax="36" aria-valuenow="26" aria-label="Resize panel" aria-controls="cloud-panel" data-orientation="vertical" data-resize-edge="start"><span aria-hidden="true"></span></div><div class="cloud-panel__card"><button type="button" class="cloud-panel__grabber" data-cloud-panel-grow aria-label="Enlarge panel"><span aria-hidden="true"></span></button><div class="cloud-panel__head"><h2 class="cloud-panel__title"><i class="ti ti-box" aria-hidden="true"></i><span>Panel</span></h2><span class="cloud-panel__menu" data-cloud-panel-menu style="visibility:visible"><button aria-haspopup="menu" aria-expanded="false" title="Panel menu" aria-label="Panel menu" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010610100" role="tooltip" popover="manual" class="k2b-tooltip">Panel menu</span></span><button data-cloud-panel-close="" title="Close panel (Ctrl+J)" aria-label="Close panel" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-x" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010620100" role="tooltip" popover="manual" class="k2b-tooltip">Close panel (Ctrl+J)</span></div><div class="cloud-panel__body" id="cloud-panel-body"><article data-cloud-panel-consent="" role="region" tabindex="-1" aria-labelledby="cloud-panel-consent-title" class="k2b-notice-card cloud-panel__consent " data-tone="neutral"><div class="k2b-notice-card__content"><div class="k2b-notice-card__head"><p class="k2b-notice-card__title"><span id="cloud-panel-consent-title" data-cloud-panel-consent-title>May Unchanged see where you are?</span></p></div><p class="k2b-notice-card__description"><span data-cloud-panel-consent-body>Unchanged only learns which place you are at. It can read only what you may read yourself. You can change this in the ⋯ menu at any time.</span></p><div class="k2b-notice-card__body "><div class="cloud-panel__consent-actions"><button data-cloud-panel-consent-answer="allow" type="button" class="k2b-button " data-size="sm" data-variant="primary" ><span class="k2b-button__label">Allow</span></button><button data-cloud-panel-consent-answer="deny" type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Don't share</span></button></div><p class="cloud-panel__consent-error" data-cloud-panel-consent-error role="status"></p></div></div></article><div class="cloud-panel__skeleton" aria-hidden="true"><span></span><span></span><span></span></div><div class="cloud-panel__fallback"><div data-hk="000106400" class="k2b-placeholder  " data-align="center" data-state="error" data-surface="none" data-variant="panel" role="alert" ><span class="k2b-placeholder__icon"><i class="ti ti-alert-circle" aria-hidden="true"></i></span><p class="k2b-placeholder__title">The panel did not load</p><div class="k2b-placeholder__description">Panel is not responding.</div><div class="k2b-placeholder__action"><button data-cloud-panel-retry="" type="button" class="k2b-button " data-size="md" data-variant="primary" ><span class="k2b-button__label">Try again</span></button></div></div></div><div class="cloud-panel__shield" aria-hidden="true"></div><div class="cloud-panel__closing" aria-hidden="true"><span><i class="ti ti-x"></i>Release to close the panel</span></div></div></div><div role="status" class="k2b-sr-only" data-cloud-panel-status></div></aside><div class="cloud-tab-bar"><div class="cloud-tab-bar__row"><nav class="k2b-tab-bar" aria-label="Apps" data-variant="floating"><ul><li><a href="/" data-tab="home" data-k2b-title="Home"><i class="ti ti-home" aria-hidden="true"></i><span class="k2b-truncate-fade">Home</span></a></li><li><a href="/app/unchanged" aria-current="page" data-tab="unchanged" data-k2b-title="Unchanged"><i class="ti ti-box" aria-hidden="true"></i><span class="k2b-truncate-fade">Unchanged</span></a></li></ul></nav></div></div><div data-print-fallback><p>This view does not print well.</p><p>Open the item you want to print, or use the app's export.</p></div></div>
   </body>
   <style>solid-client,solid-island{display:contents}</style>
 <script type="module" data-ssr-assets="/_ssr/0">const p="/_ssr/0";document.querySelectorAll('solid-island,solid-client').forEach(e=>import(p+'/'+e.dataset.id+'.js'));</script>
@@ -52,7 +52,7 @@ exports[`opt-out fullPage HTML is unchanged 1`] = `
     <script>!function(){var e=document.documentElement;if(e.hasAttribute("data-theme-fixed"))return;var m=matchMedia("(prefers-color-scheme: dark)");function r(n,s){var v;document.cookie.split(";").forEach(function(p){p=p.trim();var i=p.indexOf("=");if(i>0&&p.slice(0,i)===n){var t=p.slice(i+1);try{t=decodeURIComponent(t)}catch(e){}if(t==="light"||t==="dark"||s&&t==="system")v=t}});return v}function a(){var s=m.matches?"dark":"light";if(r("color-scheme")!==s)document.cookie="color-scheme="+s+"; path=/; max-age=31536000; SameSite=Lax"+(location.protocol==="https:"?"; Secure":"");var p=r("theme",true)||"system";e.classList.remove("light","dark");e.classList.add(p==="system"?s:p)}a();m.addEventListener("change",function(){a();window.dispatchEvent(new Event("cloud:theme-preference"))})}();</script>
   </head>
   <body class="k2b-ui" data-k2b-app-workspace-controller="global">
-    <div class="cloud-app-canvas relative flex w-full h-dvh overflow-hidden" style="" data-app-id="unchanged" data-app-base="/app/unchanged" data-layout-full-page="true" data-layout-authenticated="true"><solid-island data-id="da36a5b84abc" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;panel&quot;,&quot;workspace&quot;,&quot;pageTrail&quot;,&quot;focus&quot;,&quot;help&quot;,&quot;commands&quot;,&quot;push&quot;,&quot;announcements&quot;,&quot;banners&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:10,&quot;i&quot;:1,&quot;p&quot;:{&quot;k&quot;:[&quot;appId&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;unchanged&quot;}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:10,&quot;i&quot;:2,&quot;p&quot;:{&quot;k&quot;:[&quot;searchResources&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="ShellRuntime.island.tsx"></solid-island><script id="cloud-shell-data" type="application/json">{"panel":{"providers":[{"id":"unchanged","label":"Panel","icon":"ti ti-box","href":"/app/unchanged/panel","appName":"Unchanged","consent":true}],"provider":"unchanged","context":{"v":1,"seq":0,"pageId":"11111111-1111-4111-8111-111111111111","app":"unchanged"}},"platform":"other","apps":[{"iconClass":"ti ti-box","defaultVisible":true,"id":"unchanged","label":"Unchanged","href":"/app/unchanged","match":"/app/unchanged","description":"Snapshot fixture"}],"rail":{"revision":0,"visibility":{},"shortcuts":[]},"home":"/app/dashboard","profile":{"name":"Mia Muster"},"legalLinks":[{"label":"Profile","href":"/me","icon":"ti ti-user-circle"}],"theme":"system","searchLinks":{},"appId":"unchanged"}</script><aside class="layout-rail hidden w-14 shrink-0 flex-col md:flex"><div class="layout-rail-logo flex h-[2.875rem] shrink-0 items-center justify-center"><a href="/" aria-label="Home"><img src="/branding/logo" alt="Logo" class="h-5 w-5"></a></div><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;currentPath&quot;,&quot;panelOpen&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;rail&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;/app/unchanged?mode=fullPage&quot;},{&quot;t&quot;:2,&quot;s&quot;:3}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><nav class="layout-rail-navigation flex min-h-0 flex-1 flex-col items-center gap-1" aria-label="Apps"><button type="button" class="rail-item " data-cloud-shell-focus-toggle="hide" aria-label="Hide sidebar" ><i class="ti ti-layout-sidebar-left-collapse text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100000000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Hide sidebar (⌘/Ctrl+\\)</span><div style="flex:0 1 auto;scrollbar-width:none;scrollbar-gutter:auto;overflow-x:hidden" data-cloud-rail-apps="true" data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area flex w-full flex-col items-center gap-1 " ><a href="/app/unchanged" class="rail-item relative shrink-0 rail-item-active" aria-label="Unchanged" aria-current="page" style=""><i class="ti ti-box text-xl" aria-hidden="true"></i><span class="sr-only">Unchanged</span></a><span id="k2b-tooltip-00010000102010" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Unchanged</span></div><button type="button" class="rail-item shrink-0 " data-cloud-launchpad="true" aria-label="Open apps" ><i class="ti ti-grid-dots text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100002000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Open apps</span><div class="mt-auto shrink-0 flex flex-col items-center gap-1"><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open global search" ><i class="ti ti-search text-xl"></i></button><span id="k2b-tooltip-000100004000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Search (⌘/Ctrl+K)</span><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open help" ><i class="ti ti-help-circle text-xl"></i></button><span id="k2b-tooltip-000100005000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Help (Shift+/)</span><div class="layout-profile-preferences"><button type="button" class="layout-profile-preferences__link" aria-label="Profile and preferences"><span class="k2b-avatar " data-size="sm" data-tint="9" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div class="layout-profile-preferences__panel dropdown-menu-surface"><button type="button" class="menu-item" aria-label="Appearance: Automatic. Switches to Light."><i class="ti ti-device-laptop" aria-hidden="true"></i><span>Automatic</span></button><button type="button" class="menu-item"><i class="ti ti-language" aria-hidden="true"></i><span>Deutsch</span></button><a href="/me" class="menu-item"><i class="ti ti-user-circle" aria-hidden="true"></i><span>Profile settings</span></a><button type="button" class="menu-item"><i class="ti ti-logout" aria-hidden="true"></i><span>Sign out</span></button></div><span class="k2b-dropdown layout-profile-preferences__dropdown"><button aria-controls="k2b-dropdown-00010000610" aria-expanded="false" aria-haspopup="menu" aria-label="Profile and preferences" type="button" class="k2b-dropdown__trigger layout-profile-preferences__dropdown-trigger " ><span class="k2b-avatar " data-size="sm" data-tint="9" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div id="k2b-dropdown-00010000610" popover="auto" role="menu" aria-label="Profile and preferences" class="k2b-dropdown__menu " style="--k2b-dropdown-width:14rem" data-width="fixed" data-variant="default" data-position="right-start"><button type="button" role="menuitem" aria-label="Appearance: Automatic. Switches to Light." tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-device-laptop" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Automatic</span></span></button><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-language" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Deutsch</span></span></button><a href="/me" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-user-circle" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Profile settings</span></span></a><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-logout" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Sign out</span></span></button></div></span><span class="sr-only" aria-live="polite"></span></div></div></nav></solid-island></aside><div class="cloud-shell-show"><button data-cloud-shell-focus-toggle="show" title="Show sidebar (⌘/Ctrl+\\)" aria-label="Show sidebar" type="button" class="k2b-button k2b-icon-button  " data-size="lg" data-variant="secondary" ><span class="k2b-button__label"><i class="ti ti-layout-sidebar-left-expand text-xl" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010100100" role="tooltip" popover="manual" class="k2b-tooltip">Show sidebar (⌘/Ctrl+\\)</span></div><div class="cloud-shell-reveal" data-cloud-shell-reveal aria-hidden="true"></div><div class="layout-shell-content flex min-h-0 min-w-0 flex-1 flex-col" data-cloud-app-area><header class="layout-header paper flex min-h-[2.875rem] shrink-0 items-center px-2 py-1.5 md:px-3 md:py-2 md:hidden" style="box-shadow:var(--ui-shadow-surface)"><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;panelOpen&quot;,&quot;authenticated&quot;,&quot;title&quot;,&quot;launchpad&quot;,&quot;breadcrumbs&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;header&quot;},{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:1,&quot;s&quot;:&quot;Unchanged&quot;},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><div class="ml-2 flex min-w-0 flex-1 items-center"><div class="flex min-w-0 items-center lg:hidden"><span class="layout-header-title truncate font-semibold">Unchanged</span><button type="button" class="layout-header-title-menu" aria-haspopup="dialog"><span class="truncate font-semibold">Unchanged</span><span class="sr-only">, Menu</span><i class="ti ti-chevron-down" aria-hidden="true"></i></button></div></div><div class="flex shrink-0 items-center gap-1"><div class="flex items-center gap-1 lg:hidden"><button title="Search (⌘/Ctrl+K)" aria-label="Open global search" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-search text-base"></i></span></button><span id="k2b-tooltip-00010200100100" role="tooltip" popover="manual" class="k2b-tooltip">Search (⌘/Ctrl+K)</span><button title="Help (Shift+/)" aria-label="Open help" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-help-circle text-base"></i></span></button><span id="k2b-tooltip-00010200200100" role="tooltip" popover="manual" class="k2b-tooltip">Help (Shift+/)</span><button title="Open apps" aria-label="Open apps" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-grid-dots text-lg"></i></span></button><span id="k2b-tooltip-00010200300100" role="tooltip" popover="manual" class="k2b-tooltip">Open apps</span></div></div></solid-island></header><script type="application/json" data-k2b-page-trail>{"title":"Unchanged page","ancestors":[]}</script><div class="layout-page-head" data-trail="title"><div class="k2b-page-title " data-depth="0" data-fallback="" data-k2b-server=""><div class="k2b-page-title__copy"><p data-hk="00010501040" class="k2b-page-title__title " ><span class="k2b-page-title__text">Unchanged page</span></p></div></div></div><main class="layout-content-main min-h-0 min-w-0 flex-1 flex flex-col">Page content</main></div><aside class="cloud-panel" id="cloud-panel" data-cloud-panel aria-label="Panel" data-state="closed" data-provider="unchanged" data-app-name="Unchanged" data-provider-consent="true" data-context-allowed="false"><div role="separator" tabindex="0" class="k2b-resize-separator cloud-panel__resize" aria-orientation="vertical" aria-valuemin="20" aria-valuemax="36" aria-valuenow="26" aria-label="Resize panel" aria-controls="cloud-panel" data-orientation="vertical" data-resize-edge="start"><span aria-hidden="true"></span></div><div class="cloud-panel__card"><button type="button" class="cloud-panel__grabber" data-cloud-panel-grow aria-label="Enlarge panel"><span aria-hidden="true"></span></button><div class="cloud-panel__head"><h2 class="cloud-panel__title"><i class="ti ti-box" aria-hidden="true"></i><span>Panel</span></h2><span class="cloud-panel__menu" data-cloud-panel-menu style="visibility:visible"><button aria-haspopup="menu" aria-expanded="false" title="Panel menu" aria-label="Panel menu" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010610100" role="tooltip" popover="manual" class="k2b-tooltip">Panel menu</span></span><button data-cloud-panel-close="" title="Close panel (Ctrl+J)" aria-label="Close panel" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-x" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010620100" role="tooltip" popover="manual" class="k2b-tooltip">Close panel (Ctrl+J)</span></div><div class="cloud-panel__body" id="cloud-panel-body"><article data-cloud-panel-consent="" role="region" tabindex="-1" aria-labelledby="cloud-panel-consent-title" class="k2b-notice-card cloud-panel__consent " data-tone="neutral"><div class="k2b-notice-card__content"><div class="k2b-notice-card__head"><p class="k2b-notice-card__title"><span id="cloud-panel-consent-title" data-cloud-panel-consent-title>May Unchanged see where you are?</span></p></div><p class="k2b-notice-card__description"><span data-cloud-panel-consent-body>Unchanged only learns which place you are at. It can read only what you may read yourself. You can change this in the ⋯ menu at any time.</span></p><div class="k2b-notice-card__body "><div class="cloud-panel__consent-actions"><button data-cloud-panel-consent-answer="allow" type="button" class="k2b-button " data-size="sm" data-variant="primary" ><span class="k2b-button__label">Allow</span></button><button data-cloud-panel-consent-answer="deny" type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Don't share</span></button></div><p class="cloud-panel__consent-error" data-cloud-panel-consent-error role="status"></p></div></div></article><div class="cloud-panel__skeleton" aria-hidden="true"><span></span><span></span><span></span></div><div class="cloud-panel__fallback"><div data-hk="000106400" class="k2b-placeholder  " data-align="center" data-state="error" data-surface="none" data-variant="panel" role="alert" ><span class="k2b-placeholder__icon"><i class="ti ti-alert-circle" aria-hidden="true"></i></span><p class="k2b-placeholder__title">The panel did not load</p><div class="k2b-placeholder__description">Panel is not responding.</div><div class="k2b-placeholder__action"><button data-cloud-panel-retry="" type="button" class="k2b-button " data-size="md" data-variant="primary" ><span class="k2b-button__label">Try again</span></button></div></div></div><div class="cloud-panel__shield" aria-hidden="true"></div><div class="cloud-panel__closing" aria-hidden="true"><span><i class="ti ti-x"></i>Release to close the panel</span></div></div></div><div role="status" class="k2b-sr-only" data-cloud-panel-status></div></aside><div class="cloud-tab-bar"><div class="cloud-tab-bar__row"><nav class="k2b-tab-bar" aria-label="Apps" data-variant="floating"><ul><li><a href="/" data-tab="home" data-k2b-title="Home"><i class="ti ti-home" aria-hidden="true"></i><span class="k2b-truncate-fade">Home</span></a></li><li><a href="/app/unchanged" aria-current="page" data-tab="unchanged" data-k2b-title="Unchanged"><i class="ti ti-box" aria-hidden="true"></i><span class="k2b-truncate-fade">Unchanged</span></a></li></ul></nav></div></div><div data-print-fallback><p>This view does not print well.</p><p>Open the item you want to print, or use the app's export.</p></div></div>
+    <div class="cloud-app-canvas relative flex w-full h-dvh overflow-hidden" style="" data-app-id="unchanged" data-app-base="/app/unchanged" data-layout-full-page="true" data-layout-authenticated="true"><solid-island data-id="da36a5b84abc" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;panel&quot;,&quot;workspace&quot;,&quot;pageTrail&quot;,&quot;focus&quot;,&quot;help&quot;,&quot;commands&quot;,&quot;push&quot;,&quot;announcements&quot;,&quot;banners&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:10,&quot;i&quot;:1,&quot;p&quot;:{&quot;k&quot;:[&quot;appId&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;unchanged&quot;}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:10,&quot;i&quot;:2,&quot;p&quot;:{&quot;k&quot;:[&quot;searchResources&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="ShellRuntime.island.tsx"></solid-island><script id="cloud-shell-data" type="application/json">{"panel":{"providers":[{"id":"unchanged","label":"Panel","icon":"ti ti-box","href":"/app/unchanged/panel","appName":"Unchanged","consent":true}],"provider":"unchanged","context":{"v":1,"seq":0,"pageId":"11111111-1111-4111-8111-111111111111","app":"unchanged"}},"platform":"other","apps":[{"iconClass":"ti ti-box","defaultVisible":true,"id":"unchanged","label":"Unchanged","href":"/app/unchanged","match":"/app/unchanged","description":"Snapshot fixture"}],"rail":{"revision":0,"visibility":{},"shortcuts":[]},"home":"/app/dashboard","profile":{"name":"Mia Muster"},"legalLinks":[{"label":"Profile","href":"/me","icon":"ti ti-user-circle"}],"theme":"system","searchLinks":{},"appId":"unchanged"}</script><aside class="layout-rail hidden w-14 shrink-0 flex-col md:flex"><div class="layout-rail-logo flex h-[2.875rem] shrink-0 items-center justify-center"><a href="/" aria-label="Home"><img src="/branding/logo" alt="Logo" class="h-5 w-5"></a></div><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;currentPath&quot;,&quot;panelOpen&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;rail&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;/app/unchanged?mode=fullPage&quot;},{&quot;t&quot;:2,&quot;s&quot;:3}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><nav class="layout-rail-navigation flex min-h-0 flex-1 flex-col items-center gap-1" aria-label="Apps"><button type="button" class="rail-item " data-cloud-shell-focus-toggle="hide" aria-label="Hide sidebar" ><i class="ti ti-layout-sidebar-left-collapse text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100000000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Hide sidebar (⌘/Ctrl+\\)</span><div style="flex:0 1 auto;scrollbar-width:none;scrollbar-gutter:auto;overflow-x:hidden" data-cloud-rail-apps="true" data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area flex w-full flex-col items-center gap-1 " ><a href="/app/unchanged" class="rail-item relative shrink-0 rail-item-active" aria-label="Unchanged" aria-current="page" style=""><i class="ti ti-box text-xl" aria-hidden="true"></i><span class="sr-only">Unchanged</span></a><span id="k2b-tooltip-00010000102010" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Unchanged</span></div><button type="button" class="rail-item shrink-0 " data-cloud-launchpad="true" aria-label="Open apps" ><i class="ti ti-grid-dots text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100002000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Open apps</span><div class="mt-auto shrink-0 flex flex-col items-center gap-1"><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open global search" ><i class="ti ti-search text-xl"></i></button><span id="k2b-tooltip-000100004000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Search (⌘/Ctrl+K)</span><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open help" ><i class="ti ti-help-circle text-xl"></i></button><span id="k2b-tooltip-000100005000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Help (Shift+/)</span><div class="layout-profile-preferences"><button type="button" class="layout-profile-preferences__link" aria-label="Profile and preferences"><span class="k2b-avatar " data-size="sm" data-tint="1" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div class="layout-profile-preferences__panel dropdown-menu-surface"><button type="button" class="menu-item" aria-label="Appearance: Automatic. Switches to Light."><i class="ti ti-device-laptop" aria-hidden="true"></i><span>Automatic</span></button><button type="button" class="menu-item"><i class="ti ti-language" aria-hidden="true"></i><span>Deutsch</span></button><a href="/me" class="menu-item"><i class="ti ti-user-circle" aria-hidden="true"></i><span>Profile settings</span></a><button type="button" class="menu-item"><i class="ti ti-logout" aria-hidden="true"></i><span>Sign out</span></button></div><span class="k2b-dropdown layout-profile-preferences__dropdown"><button aria-controls="k2b-dropdown-00010000610" aria-expanded="false" aria-haspopup="menu" aria-label="Profile and preferences" type="button" class="k2b-dropdown__trigger layout-profile-preferences__dropdown-trigger " ><span class="k2b-avatar " data-size="sm" data-tint="1" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div id="k2b-dropdown-00010000610" popover="auto" role="menu" aria-label="Profile and preferences" class="k2b-dropdown__menu " style="--k2b-dropdown-width:14rem" data-width="fixed" data-variant="default" data-position="right-start"><button type="button" role="menuitem" aria-label="Appearance: Automatic. Switches to Light." tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-device-laptop" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Automatic</span></span></button><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-language" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Deutsch</span></span></button><a href="/me" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-user-circle" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Profile settings</span></span></a><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-logout" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Sign out</span></span></button></div></span><span class="sr-only" aria-live="polite"></span></div></div></nav></solid-island></aside><div class="cloud-shell-show"><button data-cloud-shell-focus-toggle="show" title="Show sidebar (⌘/Ctrl+\\)" aria-label="Show sidebar" type="button" class="k2b-button k2b-icon-button  " data-size="lg" data-variant="secondary" ><span class="k2b-button__label"><i class="ti ti-layout-sidebar-left-expand text-xl" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010100100" role="tooltip" popover="manual" class="k2b-tooltip">Show sidebar (⌘/Ctrl+\\)</span></div><div class="cloud-shell-reveal" data-cloud-shell-reveal aria-hidden="true"></div><div class="layout-shell-content flex min-h-0 min-w-0 flex-1 flex-col" data-cloud-app-area><header class="layout-header paper flex min-h-[2.875rem] shrink-0 items-center px-2 py-1.5 md:px-3 md:py-2 md:hidden" style="box-shadow:var(--ui-shadow-surface)"><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;panelOpen&quot;,&quot;authenticated&quot;,&quot;title&quot;,&quot;launchpad&quot;,&quot;breadcrumbs&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;header&quot;},{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:1,&quot;s&quot;:&quot;Unchanged&quot;},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><div class="ml-2 flex min-w-0 flex-1 items-center"><div class="flex min-w-0 items-center lg:hidden"><span class="layout-header-title truncate font-semibold">Unchanged</span><button type="button" class="layout-header-title-menu" aria-haspopup="dialog"><span class="truncate font-semibold">Unchanged</span><span class="sr-only">, Menu</span><i class="ti ti-chevron-down" aria-hidden="true"></i></button></div></div><div class="flex shrink-0 items-center gap-1"><div class="flex items-center gap-1 lg:hidden"><button title="Search (⌘/Ctrl+K)" aria-label="Open global search" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-search text-base"></i></span></button><span id="k2b-tooltip-00010200100100" role="tooltip" popover="manual" class="k2b-tooltip">Search (⌘/Ctrl+K)</span><button title="Help (Shift+/)" aria-label="Open help" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-help-circle text-base"></i></span></button><span id="k2b-tooltip-00010200200100" role="tooltip" popover="manual" class="k2b-tooltip">Help (Shift+/)</span><button title="Open apps" aria-label="Open apps" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-grid-dots text-lg"></i></span></button><span id="k2b-tooltip-00010200300100" role="tooltip" popover="manual" class="k2b-tooltip">Open apps</span></div></div></solid-island></header><script type="application/json" data-k2b-page-trail>{"title":"Unchanged page","ancestors":[]}</script><div class="layout-page-head" data-trail="title"><div class="k2b-page-title " data-depth="0" data-fallback="" data-k2b-server=""><div class="k2b-page-title__copy"><p data-hk="00010501040" class="k2b-page-title__title " ><span class="k2b-page-title__text">Unchanged page</span></p></div></div></div><main class="layout-content-main min-h-0 min-w-0 flex-1 flex flex-col">Page content</main></div><aside class="cloud-panel" id="cloud-panel" data-cloud-panel aria-label="Panel" data-state="closed" data-provider="unchanged" data-app-name="Unchanged" data-provider-consent="true" data-context-allowed="false"><div role="separator" tabindex="0" class="k2b-resize-separator cloud-panel__resize" aria-orientation="vertical" aria-valuemin="20" aria-valuemax="36" aria-valuenow="26" aria-label="Resize panel" aria-controls="cloud-panel" data-orientation="vertical" data-resize-edge="start"><span aria-hidden="true"></span></div><div class="cloud-panel__card"><button type="button" class="cloud-panel__grabber" data-cloud-panel-grow aria-label="Enlarge panel"><span aria-hidden="true"></span></button><div class="cloud-panel__head"><h2 class="cloud-panel__title"><i class="ti ti-box" aria-hidden="true"></i><span>Panel</span></h2><span class="cloud-panel__menu" data-cloud-panel-menu style="visibility:visible"><button aria-haspopup="menu" aria-expanded="false" title="Panel menu" aria-label="Panel menu" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010610100" role="tooltip" popover="manual" class="k2b-tooltip">Panel menu</span></span><button data-cloud-panel-close="" title="Close panel (Ctrl+J)" aria-label="Close panel" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-x" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010620100" role="tooltip" popover="manual" class="k2b-tooltip">Close panel (Ctrl+J)</span></div><div class="cloud-panel__body" id="cloud-panel-body"><article data-cloud-panel-consent="" role="region" tabindex="-1" aria-labelledby="cloud-panel-consent-title" class="k2b-notice-card cloud-panel__consent " data-tone="neutral"><div class="k2b-notice-card__content"><div class="k2b-notice-card__head"><p class="k2b-notice-card__title"><span id="cloud-panel-consent-title" data-cloud-panel-consent-title>May Unchanged see where you are?</span></p></div><p class="k2b-notice-card__description"><span data-cloud-panel-consent-body>Unchanged only learns which place you are at. It can read only what you may read yourself. You can change this in the ⋯ menu at any time.</span></p><div class="k2b-notice-card__body "><div class="cloud-panel__consent-actions"><button data-cloud-panel-consent-answer="allow" type="button" class="k2b-button " data-size="sm" data-variant="primary" ><span class="k2b-button__label">Allow</span></button><button data-cloud-panel-consent-answer="deny" type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Don't share</span></button></div><p class="cloud-panel__consent-error" data-cloud-panel-consent-error role="status"></p></div></div></article><div class="cloud-panel__skeleton" aria-hidden="true"><span></span><span></span><span></span></div><div class="cloud-panel__fallback"><div data-hk="000106400" class="k2b-placeholder  " data-align="center" data-state="error" data-surface="none" data-variant="panel" role="alert" ><span class="k2b-placeholder__icon"><i class="ti ti-alert-circle" aria-hidden="true"></i></span><p class="k2b-placeholder__title">The panel did not load</p><div class="k2b-placeholder__description">Panel is not responding.</div><div class="k2b-placeholder__action"><button data-cloud-panel-retry="" type="button" class="k2b-button " data-size="md" data-variant="primary" ><span class="k2b-button__label">Try again</span></button></div></div></div><div class="cloud-panel__shield" aria-hidden="true"></div><div class="cloud-panel__closing" aria-hidden="true"><span><i class="ti ti-x"></i>Release to close the panel</span></div></div></div><div role="status" class="k2b-sr-only" data-cloud-panel-status></div></aside><div class="cloud-tab-bar"><div class="cloud-tab-bar__row"><nav class="k2b-tab-bar" aria-label="Apps" data-variant="floating"><ul><li><a href="/" data-tab="home" data-k2b-title="Home"><i class="ti ti-home" aria-hidden="true"></i><span class="k2b-truncate-fade">Home</span></a></li><li><a href="/app/unchanged" aria-current="page" data-tab="unchanged" data-k2b-title="Unchanged"><i class="ti ti-box" aria-hidden="true"></i><span class="k2b-truncate-fade">Unchanged</span></a></li></ul></nav></div></div><div data-print-fallback><p>This view does not print well.</p><p>Open the item you want to print, or use the app's export.</p></div></div>
   </body>
   <style>solid-client,solid-island{display:contents}</style>
 <script type="module" data-ssr-assets="/_ssr/0">const p="/_ssr/0";document.querySelectorAll('solid-island,solid-client').forEach(e=>import(p+'/'+e.dataset.id+'.js'));</script>
@@ -82,7 +82,7 @@ exports[`opt-out fullWidth HTML is unchanged 1`] = `
     <script>!function(){var e=document.documentElement;if(e.hasAttribute("data-theme-fixed"))return;var m=matchMedia("(prefers-color-scheme: dark)");function r(n,s){var v;document.cookie.split(";").forEach(function(p){p=p.trim();var i=p.indexOf("=");if(i>0&&p.slice(0,i)===n){var t=p.slice(i+1);try{t=decodeURIComponent(t)}catch(e){}if(t==="light"||t==="dark"||s&&t==="system")v=t}});return v}function a(){var s=m.matches?"dark":"light";if(r("color-scheme")!==s)document.cookie="color-scheme="+s+"; path=/; max-age=31536000; SameSite=Lax"+(location.protocol==="https:"?"; Secure":"");var p=r("theme",true)||"system";e.classList.remove("light","dark");e.classList.add(p==="system"?s:p)}a();m.addEventListener("change",function(){a();window.dispatchEvent(new Event("cloud:theme-preference"))})}();</script>
   </head>
   <body class="k2b-ui" data-k2b-app-workspace-controller="global">
-    <div class="cloud-app-canvas relative flex w-full min-h-dvh md:h-dvh md:overflow-hidden" style="" data-app-id="unchanged" data-app-base="/app/unchanged" data-layout-authenticated="true"><solid-island data-id="da36a5b84abc" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;panel&quot;,&quot;workspace&quot;,&quot;pageTrail&quot;,&quot;focus&quot;,&quot;help&quot;,&quot;commands&quot;,&quot;push&quot;,&quot;announcements&quot;,&quot;banners&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:10,&quot;i&quot;:1,&quot;p&quot;:{&quot;k&quot;:[&quot;appId&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;unchanged&quot;}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:10,&quot;i&quot;:2,&quot;p&quot;:{&quot;k&quot;:[&quot;searchResources&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="ShellRuntime.island.tsx"></solid-island><script id="cloud-shell-data" type="application/json">{"panel":{"providers":[{"id":"unchanged","label":"Panel","icon":"ti ti-box","href":"/app/unchanged/panel","appName":"Unchanged","consent":true}],"provider":"unchanged","context":{"v":1,"seq":0,"pageId":"11111111-1111-4111-8111-111111111111","app":"unchanged"}},"platform":"other","apps":[{"iconClass":"ti ti-box","defaultVisible":true,"id":"unchanged","label":"Unchanged","href":"/app/unchanged","match":"/app/unchanged","description":"Snapshot fixture"}],"rail":{"revision":0,"visibility":{},"shortcuts":[]},"home":"/app/dashboard","profile":{"name":"Mia Muster"},"legalLinks":[{"label":"Profile","href":"/me","icon":"ti ti-user-circle"}],"theme":"system","searchLinks":{},"appId":"unchanged"}</script><aside class="layout-rail hidden w-14 shrink-0 flex-col md:flex"><div class="layout-rail-logo flex h-[2.875rem] shrink-0 items-center justify-center"><a href="/" aria-label="Home"><img src="/branding/logo" alt="Logo" class="h-5 w-5"></a></div><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;currentPath&quot;,&quot;panelOpen&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;rail&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;/app/unchanged?mode=fullWidth&quot;},{&quot;t&quot;:2,&quot;s&quot;:3}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><nav class="layout-rail-navigation flex min-h-0 flex-1 flex-col items-center gap-1" aria-label="Apps"><button type="button" class="rail-item " data-cloud-shell-focus-toggle="hide" aria-label="Hide sidebar" ><i class="ti ti-layout-sidebar-left-collapse text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100000000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Hide sidebar (⌘/Ctrl+\\)</span><div style="flex:0 1 auto;scrollbar-width:none;scrollbar-gutter:auto;overflow-x:hidden" data-cloud-rail-apps="true" data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area flex w-full flex-col items-center gap-1 " ><a href="/app/unchanged" class="rail-item relative shrink-0 rail-item-active" aria-label="Unchanged" aria-current="page" style=""><i class="ti ti-box text-xl" aria-hidden="true"></i><span class="sr-only">Unchanged</span></a><span id="k2b-tooltip-00010000102010" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Unchanged</span></div><button type="button" class="rail-item shrink-0 " data-cloud-launchpad="true" aria-label="Open apps" ><i class="ti ti-grid-dots text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100002000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Open apps</span><div class="mt-auto shrink-0 flex flex-col items-center gap-1"><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open global search" ><i class="ti ti-search text-xl"></i></button><span id="k2b-tooltip-000100004000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Search (⌘/Ctrl+K)</span><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open help" ><i class="ti ti-help-circle text-xl"></i></button><span id="k2b-tooltip-000100005000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Help (Shift+/)</span><div class="layout-profile-preferences"><button type="button" class="layout-profile-preferences__link" aria-label="Profile and preferences"><span class="k2b-avatar " data-size="sm" data-tint="9" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div class="layout-profile-preferences__panel dropdown-menu-surface"><button type="button" class="menu-item" aria-label="Appearance: Automatic. Switches to Light."><i class="ti ti-device-laptop" aria-hidden="true"></i><span>Automatic</span></button><button type="button" class="menu-item"><i class="ti ti-language" aria-hidden="true"></i><span>Deutsch</span></button><a href="/me" class="menu-item"><i class="ti ti-user-circle" aria-hidden="true"></i><span>Profile settings</span></a><button type="button" class="menu-item"><i class="ti ti-logout" aria-hidden="true"></i><span>Sign out</span></button></div><span class="k2b-dropdown layout-profile-preferences__dropdown"><button aria-controls="k2b-dropdown-00010000610" aria-expanded="false" aria-haspopup="menu" aria-label="Profile and preferences" type="button" class="k2b-dropdown__trigger layout-profile-preferences__dropdown-trigger " ><span class="k2b-avatar " data-size="sm" data-tint="9" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div id="k2b-dropdown-00010000610" popover="auto" role="menu" aria-label="Profile and preferences" class="k2b-dropdown__menu " style="--k2b-dropdown-width:14rem" data-width="fixed" data-variant="default" data-position="right-start"><button type="button" role="menuitem" aria-label="Appearance: Automatic. Switches to Light." tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-device-laptop" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Automatic</span></span></button><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-language" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Deutsch</span></span></button><a href="/me" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-user-circle" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Profile settings</span></span></a><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-logout" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Sign out</span></span></button></div></span><span class="sr-only" aria-live="polite"></span></div></div></nav></solid-island></aside><div class="cloud-shell-show"><button data-cloud-shell-focus-toggle="show" title="Show sidebar (⌘/Ctrl+\\)" aria-label="Show sidebar" type="button" class="k2b-button k2b-icon-button  " data-size="lg" data-variant="secondary" ><span class="k2b-button__label"><i class="ti ti-layout-sidebar-left-expand text-xl" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010100100" role="tooltip" popover="manual" class="k2b-tooltip">Show sidebar (⌘/Ctrl+\\)</span></div><div class="cloud-shell-reveal" data-cloud-shell-reveal aria-hidden="true"></div><div class="layout-shell-content flex min-h-0 min-w-0 flex-1 flex-col" data-cloud-app-area><header class="layout-header paper flex min-h-[2.875rem] shrink-0 items-center px-2 py-1.5 md:px-3 md:py-2 md:hidden" style="box-shadow:var(--ui-shadow-surface)"><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;panelOpen&quot;,&quot;authenticated&quot;,&quot;title&quot;,&quot;launchpad&quot;,&quot;breadcrumbs&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;header&quot;},{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:1,&quot;s&quot;:&quot;Unchanged&quot;},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><div class="ml-2 flex min-w-0 flex-1 items-center"><div class="flex min-w-0 items-center lg:hidden"><span class="layout-header-title truncate font-semibold">Unchanged</span><button type="button" class="layout-header-title-menu" aria-haspopup="dialog"><span class="truncate font-semibold">Unchanged</span><span class="sr-only">, Menu</span><i class="ti ti-chevron-down" aria-hidden="true"></i></button></div></div><div class="flex shrink-0 items-center gap-1"><div class="flex items-center gap-1 lg:hidden"><button title="Search (⌘/Ctrl+K)" aria-label="Open global search" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-search text-base"></i></span></button><span id="k2b-tooltip-00010200100100" role="tooltip" popover="manual" class="k2b-tooltip">Search (⌘/Ctrl+K)</span><button title="Help (Shift+/)" aria-label="Open help" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-help-circle text-base"></i></span></button><span id="k2b-tooltip-00010200200100" role="tooltip" popover="manual" class="k2b-tooltip">Help (Shift+/)</span><button title="Open apps" aria-label="Open apps" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-grid-dots text-lg"></i></span></button><span id="k2b-tooltip-00010200300100" role="tooltip" popover="manual" class="k2b-tooltip">Open apps</span></div></div></solid-island></header><script type="application/json" data-k2b-page-trail>{"title":"Unchanged page","ancestors":[]}</script><div class="layout-page-head" data-trail="title"><div class="k2b-page-title " data-depth="0" data-fallback="" data-k2b-server=""><div class="k2b-page-title__copy"><p data-hk="00010501040" class="k2b-page-title__title " ><span class="k2b-page-title__text">Unchanged page</span></p></div></div></div><main class="layout-content-main min-h-0 min-w-0 flex-1 flex flex-col">Page content</main></div><aside class="cloud-panel" id="cloud-panel" data-cloud-panel aria-label="Panel" data-state="closed" data-provider="unchanged" data-app-name="Unchanged" data-provider-consent="true" data-context-allowed="false"><div role="separator" tabindex="0" class="k2b-resize-separator cloud-panel__resize" aria-orientation="vertical" aria-valuemin="20" aria-valuemax="36" aria-valuenow="26" aria-label="Resize panel" aria-controls="cloud-panel" data-orientation="vertical" data-resize-edge="start"><span aria-hidden="true"></span></div><div class="cloud-panel__card"><button type="button" class="cloud-panel__grabber" data-cloud-panel-grow aria-label="Enlarge panel"><span aria-hidden="true"></span></button><div class="cloud-panel__head"><h2 class="cloud-panel__title"><i class="ti ti-box" aria-hidden="true"></i><span>Panel</span></h2><span class="cloud-panel__menu" data-cloud-panel-menu style="visibility:visible"><button aria-haspopup="menu" aria-expanded="false" title="Panel menu" aria-label="Panel menu" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010610100" role="tooltip" popover="manual" class="k2b-tooltip">Panel menu</span></span><button data-cloud-panel-close="" title="Close panel (Ctrl+J)" aria-label="Close panel" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-x" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010620100" role="tooltip" popover="manual" class="k2b-tooltip">Close panel (Ctrl+J)</span></div><div class="cloud-panel__body" id="cloud-panel-body"><article data-cloud-panel-consent="" role="region" tabindex="-1" aria-labelledby="cloud-panel-consent-title" class="k2b-notice-card cloud-panel__consent " data-tone="neutral"><div class="k2b-notice-card__content"><div class="k2b-notice-card__head"><p class="k2b-notice-card__title"><span id="cloud-panel-consent-title" data-cloud-panel-consent-title>May Unchanged see where you are?</span></p></div><p class="k2b-notice-card__description"><span data-cloud-panel-consent-body>Unchanged only learns which place you are at. It can read only what you may read yourself. You can change this in the ⋯ menu at any time.</span></p><div class="k2b-notice-card__body "><div class="cloud-panel__consent-actions"><button data-cloud-panel-consent-answer="allow" type="button" class="k2b-button " data-size="sm" data-variant="primary" ><span class="k2b-button__label">Allow</span></button><button data-cloud-panel-consent-answer="deny" type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Don't share</span></button></div><p class="cloud-panel__consent-error" data-cloud-panel-consent-error role="status"></p></div></div></article><div class="cloud-panel__skeleton" aria-hidden="true"><span></span><span></span><span></span></div><div class="cloud-panel__fallback"><div data-hk="000106400" class="k2b-placeholder  " data-align="center" data-state="error" data-surface="none" data-variant="panel" role="alert" ><span class="k2b-placeholder__icon"><i class="ti ti-alert-circle" aria-hidden="true"></i></span><p class="k2b-placeholder__title">The panel did not load</p><div class="k2b-placeholder__description">Panel is not responding.</div><div class="k2b-placeholder__action"><button data-cloud-panel-retry="" type="button" class="k2b-button " data-size="md" data-variant="primary" ><span class="k2b-button__label">Try again</span></button></div></div></div><div class="cloud-panel__shield" aria-hidden="true"></div><div class="cloud-panel__closing" aria-hidden="true"><span><i class="ti ti-x"></i>Release to close the panel</span></div></div></div><div role="status" class="k2b-sr-only" data-cloud-panel-status></div></aside><div class="cloud-tab-bar"><div class="cloud-tab-bar__row"><nav class="k2b-tab-bar" aria-label="Apps" data-variant="floating"><ul><li><a href="/" data-tab="home" data-k2b-title="Home"><i class="ti ti-home" aria-hidden="true"></i><span class="k2b-truncate-fade">Home</span></a></li><li><a href="/app/unchanged" aria-current="page" data-tab="unchanged" data-k2b-title="Unchanged"><i class="ti ti-box" aria-hidden="true"></i><span class="k2b-truncate-fade">Unchanged</span></a></li></ul></nav></div></div><div data-print-fallback><p>This view does not print well.</p><p>Open the item you want to print, or use the app's export.</p></div></div>
+    <div class="cloud-app-canvas relative flex w-full min-h-dvh md:h-dvh md:overflow-hidden" style="" data-app-id="unchanged" data-app-base="/app/unchanged" data-layout-authenticated="true"><solid-island data-id="da36a5b84abc" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;panel&quot;,&quot;workspace&quot;,&quot;pageTrail&quot;,&quot;focus&quot;,&quot;help&quot;,&quot;commands&quot;,&quot;push&quot;,&quot;announcements&quot;,&quot;banners&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:10,&quot;i&quot;:1,&quot;p&quot;:{&quot;k&quot;:[&quot;appId&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;unchanged&quot;}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:10,&quot;i&quot;:2,&quot;p&quot;:{&quot;k&quot;:[&quot;searchResources&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:2}]},&quot;o&quot;:0},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="ShellRuntime.island.tsx"></solid-island><script id="cloud-shell-data" type="application/json">{"panel":{"providers":[{"id":"unchanged","label":"Panel","icon":"ti ti-box","href":"/app/unchanged/panel","appName":"Unchanged","consent":true}],"provider":"unchanged","context":{"v":1,"seq":0,"pageId":"11111111-1111-4111-8111-111111111111","app":"unchanged"}},"platform":"other","apps":[{"iconClass":"ti ti-box","defaultVisible":true,"id":"unchanged","label":"Unchanged","href":"/app/unchanged","match":"/app/unchanged","description":"Snapshot fixture"}],"rail":{"revision":0,"visibility":{},"shortcuts":[]},"home":"/app/dashboard","profile":{"name":"Mia Muster"},"legalLinks":[{"label":"Profile","href":"/me","icon":"ti ti-user-circle"}],"theme":"system","searchLinks":{},"appId":"unchanged"}</script><aside class="layout-rail hidden w-14 shrink-0 flex-col md:flex"><div class="layout-rail-logo flex h-[2.875rem] shrink-0 items-center justify-center"><a href="/" aria-label="Home"><img src="/branding/logo" alt="Logo" class="h-5 w-5"></a></div><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;currentPath&quot;,&quot;panelOpen&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;rail&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;/app/unchanged?mode=fullWidth&quot;},{&quot;t&quot;:2,&quot;s&quot;:3}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><nav class="layout-rail-navigation flex min-h-0 flex-1 flex-col items-center gap-1" aria-label="Apps"><button type="button" class="rail-item " data-cloud-shell-focus-toggle="hide" aria-label="Hide sidebar" ><i class="ti ti-layout-sidebar-left-collapse text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100000000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Hide sidebar (⌘/Ctrl+\\)</span><div style="flex:0 1 auto;scrollbar-width:none;scrollbar-gutter:auto;overflow-x:hidden" data-cloud-rail-apps="true" data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area flex w-full flex-col items-center gap-1 " ><a href="/app/unchanged" class="rail-item relative shrink-0 rail-item-active" aria-label="Unchanged" aria-current="page" style=""><i class="ti ti-box text-xl" aria-hidden="true"></i><span class="sr-only">Unchanged</span></a><span id="k2b-tooltip-00010000102010" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Unchanged</span></div><button type="button" class="rail-item shrink-0 " data-cloud-launchpad="true" aria-label="Open apps" ><i class="ti ti-grid-dots text-xl" aria-hidden="true"></i></button><span id="k2b-tooltip-000100002000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Open apps</span><div class="mt-auto shrink-0 flex flex-col items-center gap-1"><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open global search" ><i class="ti ti-search text-xl"></i></button><span id="k2b-tooltip-000100004000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Search (⌘/Ctrl+K)</span><button type="button" class="rail-item text-blue-500 hover:bg-blue-500/10 hover:text-blue-600 dark:text-blue-400 dark:hover:bg-blue-500/15 dark:hover:text-blue-300  " aria-label="Open help" ><i class="ti ti-help-circle text-xl"></i></button><span id="k2b-tooltip-000100005000" role="tooltip" popover="manual" class="k2b-tooltip" data-instant="true">Help (Shift+/)</span><div class="layout-profile-preferences"><button type="button" class="layout-profile-preferences__link" aria-label="Profile and preferences"><span class="k2b-avatar " data-size="sm" data-tint="1" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div class="layout-profile-preferences__panel dropdown-menu-surface"><button type="button" class="menu-item" aria-label="Appearance: Automatic. Switches to Light."><i class="ti ti-device-laptop" aria-hidden="true"></i><span>Automatic</span></button><button type="button" class="menu-item"><i class="ti ti-language" aria-hidden="true"></i><span>Deutsch</span></button><a href="/me" class="menu-item"><i class="ti ti-user-circle" aria-hidden="true"></i><span>Profile settings</span></a><button type="button" class="menu-item"><i class="ti ti-logout" aria-hidden="true"></i><span>Sign out</span></button></div><span class="k2b-dropdown layout-profile-preferences__dropdown"><button aria-controls="k2b-dropdown-00010000610" aria-expanded="false" aria-haspopup="menu" aria-label="Profile and preferences" type="button" class="k2b-dropdown__trigger layout-profile-preferences__dropdown-trigger " ><span class="k2b-avatar " data-size="sm" data-tint="1" style="" role="img" aria-label="Mia Muster avatar">MM</span></button><div id="k2b-dropdown-00010000610" popover="auto" role="menu" aria-label="Profile and preferences" class="k2b-dropdown__menu " style="--k2b-dropdown-width:14rem" data-width="fixed" data-variant="default" data-position="right-start"><button type="button" role="menuitem" aria-label="Appearance: Automatic. Switches to Light." tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-device-laptop" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Automatic</span></span></button><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-language" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Deutsch</span></span></button><a href="/me" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-user-circle" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Profile settings</span></span></a><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-logout" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Sign out</span></span></button></div></span><span class="sr-only" aria-live="polite"></span></div></div></nav></solid-island></aside><div class="cloud-shell-show"><button data-cloud-shell-focus-toggle="show" title="Show sidebar (⌘/Ctrl+\\)" aria-label="Show sidebar" type="button" class="k2b-button k2b-icon-button  " data-size="lg" data-variant="secondary" ><span class="k2b-button__label"><i class="ti ti-layout-sidebar-left-expand text-xl" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010100100" role="tooltip" popover="manual" class="k2b-tooltip">Show sidebar (⌘/Ctrl+\\)</span></div><div class="cloud-shell-reveal" data-cloud-shell-reveal aria-hidden="true"></div><div class="layout-shell-content flex min-h-0 min-w-0 flex-1 flex-col" data-cloud-app-area><header class="layout-header paper flex min-h-[2.875rem] shrink-0 items-center px-2 py-1.5 md:px-3 md:py-2 md:hidden" style="box-shadow:var(--ui-shadow-surface)"><solid-island data-id="0deacd2f60ab" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;slot&quot;,&quot;panelOpen&quot;,&quot;authenticated&quot;,&quot;title&quot;,&quot;launchpad&quot;,&quot;breadcrumbs&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;header&quot;},{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:1,&quot;s&quot;:&quot;Unchanged&quot;},{&quot;t&quot;:2,&quot;s&quot;:2},{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="CloudShell.island.tsx"><div class="ml-2 flex min-w-0 flex-1 items-center"><div class="flex min-w-0 items-center lg:hidden"><span class="layout-header-title truncate font-semibold">Unchanged</span><button type="button" class="layout-header-title-menu" aria-haspopup="dialog"><span class="truncate font-semibold">Unchanged</span><span class="sr-only">, Menu</span><i class="ti ti-chevron-down" aria-hidden="true"></i></button></div></div><div class="flex shrink-0 items-center gap-1"><div class="flex items-center gap-1 lg:hidden"><button title="Search (⌘/Ctrl+K)" aria-label="Open global search" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-search text-base"></i></span></button><span id="k2b-tooltip-00010200100100" role="tooltip" popover="manual" class="k2b-tooltip">Search (⌘/Ctrl+K)</span><button title="Help (Shift+/)" aria-label="Open help" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-help-circle text-base"></i></span></button><span id="k2b-tooltip-00010200200100" role="tooltip" popover="manual" class="k2b-tooltip">Help (Shift+/)</span><button title="Open apps" aria-label="Open apps" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-grid-dots text-lg"></i></span></button><span id="k2b-tooltip-00010200300100" role="tooltip" popover="manual" class="k2b-tooltip">Open apps</span></div></div></solid-island></header><script type="application/json" data-k2b-page-trail>{"title":"Unchanged page","ancestors":[]}</script><div class="layout-page-head" data-trail="title"><div class="k2b-page-title " data-depth="0" data-fallback="" data-k2b-server=""><div class="k2b-page-title__copy"><p data-hk="00010501040" class="k2b-page-title__title " ><span class="k2b-page-title__text">Unchanged page</span></p></div></div></div><main class="layout-content-main min-h-0 min-w-0 flex-1 flex flex-col">Page content</main></div><aside class="cloud-panel" id="cloud-panel" data-cloud-panel aria-label="Panel" data-state="closed" data-provider="unchanged" data-app-name="Unchanged" data-provider-consent="true" data-context-allowed="false"><div role="separator" tabindex="0" class="k2b-resize-separator cloud-panel__resize" aria-orientation="vertical" aria-valuemin="20" aria-valuemax="36" aria-valuenow="26" aria-label="Resize panel" aria-controls="cloud-panel" data-orientation="vertical" data-resize-edge="start"><span aria-hidden="true"></span></div><div class="cloud-panel__card"><button type="button" class="cloud-panel__grabber" data-cloud-panel-grow aria-label="Enlarge panel"><span aria-hidden="true"></span></button><div class="cloud-panel__head"><h2 class="cloud-panel__title"><i class="ti ti-box" aria-hidden="true"></i><span>Panel</span></h2><span class="cloud-panel__menu" data-cloud-panel-menu style="visibility:visible"><button aria-haspopup="menu" aria-expanded="false" title="Panel menu" aria-label="Panel menu" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010610100" role="tooltip" popover="manual" class="k2b-tooltip">Panel menu</span></span><button data-cloud-panel-close="" title="Close panel (Ctrl+J)" aria-label="Close panel" type="button" class="k2b-button k2b-icon-button  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-x" aria-hidden="true"></i></span></button><span id="k2b-tooltip-00010620100" role="tooltip" popover="manual" class="k2b-tooltip">Close panel (Ctrl+J)</span></div><div class="cloud-panel__body" id="cloud-panel-body"><article data-cloud-panel-consent="" role="region" tabindex="-1" aria-labelledby="cloud-panel-consent-title" class="k2b-notice-card cloud-panel__consent " data-tone="neutral"><div class="k2b-notice-card__content"><div class="k2b-notice-card__head"><p class="k2b-notice-card__title"><span id="cloud-panel-consent-title" data-cloud-panel-consent-title>May Unchanged see where you are?</span></p></div><p class="k2b-notice-card__description"><span data-cloud-panel-consent-body>Unchanged only learns which place you are at. It can read only what you may read yourself. You can change this in the ⋯ menu at any time.</span></p><div class="k2b-notice-card__body "><div class="cloud-panel__consent-actions"><button data-cloud-panel-consent-answer="allow" type="button" class="k2b-button " data-size="sm" data-variant="primary" ><span class="k2b-button__label">Allow</span></button><button data-cloud-panel-consent-answer="deny" type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Don't share</span></button></div><p class="cloud-panel__consent-error" data-cloud-panel-consent-error role="status"></p></div></div></article><div class="cloud-panel__skeleton" aria-hidden="true"><span></span><span></span><span></span></div><div class="cloud-panel__fallback"><div data-hk="000106400" class="k2b-placeholder  " data-align="center" data-state="error" data-surface="none" data-variant="panel" role="alert" ><span class="k2b-placeholder__icon"><i class="ti ti-alert-circle" aria-hidden="true"></i></span><p class="k2b-placeholder__title">The panel did not load</p><div class="k2b-placeholder__description">Panel is not responding.</div><div class="k2b-placeholder__action"><button data-cloud-panel-retry="" type="button" class="k2b-button " data-size="md" data-variant="primary" ><span class="k2b-button__label">Try again</span></button></div></div></div><div class="cloud-panel__shield" aria-hidden="true"></div><div class="cloud-panel__closing" aria-hidden="true"><span><i class="ti ti-x"></i>Release to close the panel</span></div></div></div><div role="status" class="k2b-sr-only" data-cloud-panel-status></div></aside><div class="cloud-tab-bar"><div class="cloud-tab-bar__row"><nav class="k2b-tab-bar" aria-label="Apps" data-variant="floating"><ul><li><a href="/" data-tab="home" data-k2b-title="Home"><i class="ti ti-home" aria-hidden="true"></i><span class="k2b-truncate-fade">Home</span></a></li><li><a href="/app/unchanged" aria-current="page" data-tab="unchanged" data-k2b-title="Unchanged"><i class="ti ti-box" aria-hidden="true"></i><span class="k2b-truncate-fade">Unchanged</span></a></li></ul></nav></div></div><div data-print-fallback><p>This view does not print well.</p><p>Open the item you want to print, or use the app's export.</p></div></div>
   </body>
   <style>solid-client,solid-island{display:contents}</style>
 <script type="module" data-ssr-assets="/_ssr/0">const p="/_ssr/0";document.querySelectorAll('solid-island,solid-client').forEach(e=>import(p+'/'+e.dataset.id+'.js'));</script>

package/src/ssr/__snapshots__/LayoutHelp.ssr.render.test.tsx.snap

@@ -12,7 +12,7 @@ exports[`Help server frames embedded reader 2`] = `"<div class="help-shell app-a
 
 exports[`Help server frames shortcuts on a Layout page and a failed Help read 1`] = `"<script id="cloud-shell-data" type="application/json">{"apps":[{"id":"spaces","label":"Spaces","href":"/app/spaces","match":"/app/spaces","iconClass":"ti ti-layout-kanban","defaultVisible":true}],"legalLinks":[],"theme":"system","searchLinks":{},"appId":"spaces","platform":"apple"}</script><div class="help-shell app-accent-scope flex min-h-0 flex-col  " data-surface="page" style="--app-accent:#16a34a;--app-ink-light:#117f3a;--app-ink-dark:#3bb267;--app-selected-light:#eff9f2;--app-selected-dark:#122922;--app-selected-nav-light:#e8f6ed;--app-selected-nav-dark:#122d23"><!--$--><header class="help-head" data-help-head><div class="help-head-inner help-measure"><!--$--><div class="help-head-row"><!--$--><span class="help-head-tile" aria-hidden="true"><i class="ti ti-layout-kanban"></i></span><!--/--><h2 id="layout-help-title" class="help-head-title">Help for Spaces</h2><div class="help-head-actions" role="group" aria-label="Help actions"><!--$--><span class="k2b-dropdown "><!--$--><button data-help-menu="" aria-controls="k2b-dropdown-#1" aria-expanded="false" aria-haspopup="menu" title="More Help actions" aria-label="More Help actions" type="button" class="k2b-button k2b-icon-button k2b-dropdown__trigger  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span><!--$--><!--/--></button><span id="k2b-tooltip-#2" role="tooltip" popover="manual" class="k2b-tooltip">More Help actions</span><!--/--><div id="k2b-dropdown-#1" popover="auto" role="menu" aria-label="More Help actions" class="k2b-dropdown__menu " style="" data-variant="default" data-position="bottom-left"><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item "><i class="ti ti-markdown" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Copy as Markdown</span><!--$--><!--/--></span></button></div></span><!--/--><!--$--><!--/--></div></div><!--/--><!--$--><div class="k2b-field help-head-search"><!--$--><!--/--><!--$--><!--/--><!--$--><div class="k2b-input-shell k2b-text-input" style=""><!--$--><span class="k2b-input-shell__icon k2b-text-input__icon" aria-hidden="true"><i class="ti ti-search"></i><i class="ti ti-search"></i></span><!--/--><!--$--><!--/--><!--$--><input data-help-search="" placeholder="Search help…" id="k2b-field-#3" class="k2b-input " type="search" value="" aria-label="Search help" /><!--/--><!--$--><!--/--><!--$--><!--/--><!--$--><!--/--></div><!--/--><!--$--><!--/--></div><!--/--></div></header><!--/--><!--$--><div class="p-4 sm:p-5"><div data-help-results class="help-start help-measure" style=""><section class="help-start-section" data-help-tasks aria-labelledby="help-start-tasks-title"><h3 id="help-start-tasks-title" class="help-start-heading"><i class="ti ti-checklist" aria-hidden="true"></i><!--$-->What do you want to do?<!--/--></h3><!--$--><ul class="help-start-tiles" data-help-tiles><li><button type="button" class="help-start-tile focus-ui" data-help-topic="share"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-share"></i></span><span class="help-start-tile-title">Share a Space</span><!--$--><span class="help-start-tile-description">Invite people to work with you.</span><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-1"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-1</span><!--$--><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-2"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-2</span><!--$--><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-3"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-3</span><!--$--><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-4"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-4</span><!--$--><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-5"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-5</span><!--$--><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-6"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-6</span><!--$--><!--/--></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-7"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-7</span><!--$--><!--/--></button></li></ul><!--/--><!--$--><ul class="help-start-rows " data-help-more-tasks=""><li><button type="button" class="help-start-row focus-ui" data-help-topic="task-8"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Article task-8</span><!--$--><!--/--></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li><li><button type="button" class="help-start-row focus-ui" data-help-topic="task-9"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Article task-9</span><!--$--><!--/--></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul><!--/--></section><div class="help-start-groups"><section class="help-start-section" data-help-group="start" aria-labelledby="help-start-start-title"><h3 id="help-start-start-title" class="help-start-heading"><i class="ti ti-rocket" aria-hidden="true"></i><!--$-->Get started<!--/--></h3><!--$--><ul class="help-start-rows "><li><button type="button" class="help-start-row focus-ui" data-help-topic="first-steps"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">First steps</span><!--$--><span class="help-article-link-description">Find your way around.</span><!--/--></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul><!--/--></section><section class="help-start-section" data-help-group="reference" aria-labelledby="help-start-reference-title"><h3 id="help-start-reference-title" class="help-start-heading"><i class="ti ti-book-2" aria-hidden="true"></i><!--$-->Look up<!--/--></h3><!--$--><ul class="help-start-rows "><li><button type="button" class="help-start-row focus-ui" data-help-topic="roles"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-users"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Roles</span><!--$--><!--/--></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul><!--/--></section><section class="help-start-section" data-help-group="troubleshoot" aria-labelledby="help-start-troubleshoot-title"><h3 id="help-start-troubleshoot-title" class="help-start-heading"><i class="ti ti-lifebuoy" aria-hidden="true"></i><!--$-->Solve problems<!--/--></h3><!--$--><ul class="help-start-rows "><li><button type="button" class="help-start-row focus-ui" data-help-topic="sync"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Sync problems</span><!--$--><span class="help-article-link-description">When changes do not arrive.</span><!--/--></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul><!--/--></section></div><section class="help-start-section help-start-shortcuts" data-help-shortcuts aria-labelledby="help-start-shortcuts-title"><h3 id="help-start-shortcuts-title" class="help-start-heading"><i class="ti ti-keyboard" aria-hidden="true"></i><!--$-->Keyboard shortcuts<!--/--></h3><div class="help-shortcut-groups"><section class="help-shortcut-group" data-help-shortcut-group="everywhere" aria-label="Everywhere"><h4 class="help-shortcut-group-title" aria-hidden="true">Everywhere</h4><ul><li class="help-shortcut" title="Search across apps, pages, files, and items."><span class="help-shortcut-title">Open global search</span><!--$--><kbd class="k2b-kbd"><span class="k2b-sr-only">Command K</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⌘</kbd><kbd class="k2b-kbd__key">K</kbd></span></kbd><!--/--></li><li class="help-shortcut" title="Open help, guides, and keyboard shortcuts."><span class="help-shortcut-title">Open shortcut help</span><!--$--><kbd class="k2b-kbd"><span class="k2b-sr-only">Shift /</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⇧</kbd><kbd class="k2b-kbd__key">/</kbd></span></kbd><!--/--></li></ul></section></div></section></div><span class="sr-only" aria-live="polite"></span></div><!--/--></div>"`;
 
-exports[`Help server frames shortcuts on a Layout page and a failed Help read 2`] = `"<script id="cloud-shell-data" type="application/json">{"apps":[{"id":"spaces","label":"Spaces","href":"/app/spaces","match":"/app/spaces","iconClass":"ti ti-layout-kanban","defaultVisible":true}],"legalLinks":[],"theme":"system","searchLinks":{},"appId":"spaces","platform":"apple","helpFailed":true}</script><div class="help-shell app-accent-scope flex min-h-0 flex-col  " data-surface="page" style="--app-accent:#16a34a;--app-ink-light:#117f3a;--app-ink-dark:#3bb267;--app-selected-light:#eff9f2;--app-selected-dark:#122922;--app-selected-nav-light:#e8f6ed;--app-selected-nav-dark:#122d23"><!--$--><header class="help-head" data-help-head><div class="help-head-inner help-measure"><!--$--><div class="help-head-row"><!--$--><span class="help-head-tile" aria-hidden="true"><i class="ti ti-layout-kanban"></i></span><!--/--><h2 id="layout-help-title" class="help-head-title">Help for Spaces</h2><div class="help-head-actions" role="group" aria-label="Help actions"><!--$--><span class="k2b-dropdown "><!--$--><button data-help-menu="" aria-controls="k2b-dropdown-#1" aria-expanded="false" aria-haspopup="menu" title="More Help actions" aria-label="More Help actions" type="button" class="k2b-button k2b-icon-button k2b-dropdown__trigger  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span><!--$--><!--/--></button><span id="k2b-tooltip-#2" role="tooltip" popover="manual" class="k2b-tooltip">More Help actions</span><!--/--><div id="k2b-dropdown-#1" popover="auto" role="menu" aria-label="More Help actions" class="k2b-dropdown__menu " style="" data-variant="default" data-position="bottom-left"><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item " disabled aria-disabled="true"><i class="ti ti-markdown" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Copy as Markdown</span><!--$--><!--/--></span></button></div></span><!--/--><!--$--><!--/--></div></div><!--/--><!--$--><div class="k2b-field help-head-search"><!--$--><!--/--><!--$--><!--/--><!--$--><div class="k2b-input-shell k2b-text-input" style=""><!--$--><span class="k2b-input-shell__icon k2b-text-input__icon" aria-hidden="true"><i class="ti ti-search"></i><i class="ti ti-search"></i></span><!--/--><!--$--><!--/--><!--$--><input data-help-search="" placeholder="Search help…" id="k2b-field-#3" class="k2b-input " type="search" value="" aria-label="Search help" /><!--/--><!--$--><!--/--><!--$--><!--/--><!--$--><!--/--></div><!--/--><!--$--><!--/--></div><!--/--></div></header><!--/--><!--$--><div class="p-4 sm:p-5"><div data-help-results class="help-start help-measure" style=""><!--!$--><!--!$--><article data-help-unavailable="" class="k2b-notice-card  " data-tone="danger"><div class="k2b-notice-card__content"><!--$--><div class="k2b-notice-card__head"><p class="k2b-notice-card__title">Help could not be loaded</p><!--$--><!--/--></div><!--/--><!--$--><p class="k2b-notice-card__description">Reload the page to try again.</p><!--/--><!--$--><div class="k2b-notice-card__body "><button type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Reload</span><!--$--><!--/--></button></div><!--/--></div></article><section class="help-start-section help-start-shortcuts" data-help-shortcuts aria-labelledby="help-start-shortcuts-title"><h3 id="help-start-shortcuts-title" class="help-start-heading"><i class="ti ti-keyboard" aria-hidden="true"></i><!--$-->Keyboard shortcuts<!--/--></h3><div class="help-shortcut-groups"><section class="help-shortcut-group" data-help-shortcut-group="everywhere" aria-label="Everywhere"><h4 class="help-shortcut-group-title" aria-hidden="true">Everywhere</h4><ul><li class="help-shortcut" title="Search across apps, pages, files, and items."><span class="help-shortcut-title">Open global search</span><!--$--><kbd class="k2b-kbd"><span class="k2b-sr-only">Command K</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⌘</kbd><kbd class="k2b-kbd__key">K</kbd></span></kbd><!--/--></li><li class="help-shortcut" title="Open help, guides, and keyboard shortcuts."><span class="help-shortcut-title">Open shortcut help</span><!--$--><kbd class="k2b-kbd"><span class="k2b-sr-only">Shift /</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⇧</kbd><kbd class="k2b-kbd__key">/</kbd></span></kbd><!--/--></li></ul></section></div></section></div><span class="sr-only" aria-live="polite"></span></div><!--/--></div>"`;
+exports[`Help server frames shortcuts on a Layout page and a failed Help read 2`] = `"<script id="cloud-shell-data" type="application/json">{"apps":[{"id":"spaces","label":"Spaces","href":"/app/spaces","match":"/app/spaces","iconClass":"ti ti-layout-kanban","defaultVisible":true}],"legalLinks":[],"theme":"system","searchLinks":{},"appId":"spaces","platform":"apple","helpFailed":true}</script><div class="help-shell app-accent-scope flex min-h-0 flex-col  " data-surface="page" style="--app-accent:#16a34a;--app-ink-light:#117f3a;--app-ink-dark:#3bb267;--app-selected-light:#eff9f2;--app-selected-dark:#122922;--app-selected-nav-light:#e8f6ed;--app-selected-nav-dark:#122d23"><!--$--><header class="help-head" data-help-head><div class="help-head-inner help-measure"><!--$--><div class="help-head-row"><!--$--><span class="help-head-tile" aria-hidden="true"><i class="ti ti-layout-kanban"></i></span><!--/--><h2 id="layout-help-title" class="help-head-title">Help for Spaces</h2><div class="help-head-actions" role="group" aria-label="Help actions"><!--$--><span class="k2b-dropdown "><!--$--><button data-help-menu="" aria-controls="k2b-dropdown-#1" aria-expanded="false" aria-haspopup="menu" title="More Help actions" aria-label="More Help actions" type="button" class="k2b-button k2b-icon-button k2b-dropdown__trigger  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span><!--$--><!--/--></button><span id="k2b-tooltip-#2" role="tooltip" popover="manual" class="k2b-tooltip">More Help actions</span><!--/--><div id="k2b-dropdown-#1" popover="auto" role="menu" aria-label="More Help actions" class="k2b-dropdown__menu " style="" data-variant="default" data-position="bottom-left"><button type="button" role="menuitem" tabindex="-1" class="k2b-dropdown__item " disabled aria-disabled="true"><i class="ti ti-markdown" aria-hidden="true"></i><span class="k2b-dropdown__copy"><span>Copy as Markdown</span><!--$--><!--/--></span></button></div></span><!--/--><!--$--><!--/--></div></div><!--/--><!--$--><div class="k2b-field help-head-search"><!--$--><!--/--><!--$--><!--/--><!--$--><div class="k2b-input-shell k2b-text-input" style=""><!--$--><span class="k2b-input-shell__icon k2b-text-input__icon" aria-hidden="true"><i class="ti ti-search"></i><i class="ti ti-search"></i></span><!--/--><!--$--><!--/--><!--$--><input data-help-search="" placeholder="Search help…" id="k2b-field-#3" class="k2b-input " type="search" value="" aria-label="Search help" /><!--/--><!--$--><!--/--><!--$--><!--/--><!--$--><!--/--></div><!--/--><!--$--><!--/--></div><!--/--></div></header><!--/--><!--$--><div class="p-4 sm:p-5"><div data-help-results class="help-start help-measure" style=""><!--!$--><!--!$--><article data-help-unavailable="" class="k2b-notice-card  " data-tone="danger"><!--$--><!--/--><div class="k2b-notice-card__content"><!--$--><div class="k2b-notice-card__head"><p class="k2b-notice-card__title">Help could not be loaded</p><!--$--><!--/--></div><!--/--><!--$--><p class="k2b-notice-card__description">Reload the page to try again.</p><!--/--><!--$--><div class="k2b-notice-card__body "><button type="button" class="k2b-button " data-size="sm" data-variant="secondary" ><span class="k2b-button__label">Reload</span><!--$--><!--/--></button></div><!--/--></div></article><section class="help-start-section help-start-shortcuts" data-help-shortcuts aria-labelledby="help-start-shortcuts-title"><h3 id="help-start-shortcuts-title" class="help-start-heading"><i class="ti ti-keyboard" aria-hidden="true"></i><!--$-->Keyboard shortcuts<!--/--></h3><div class="help-shortcut-groups"><section class="help-shortcut-group" data-help-shortcut-group="everywhere" aria-label="Everywhere"><h4 class="help-shortcut-group-title" aria-hidden="true">Everywhere</h4><ul><li class="help-shortcut" title="Search across apps, pages, files, and items."><span class="help-shortcut-title">Open global search</span><!--$--><kbd class="k2b-kbd"><span class="k2b-sr-only">Command K</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⌘</kbd><kbd class="k2b-kbd__key">K</kbd></span></kbd><!--/--></li><li class="help-shortcut" title="Open help, guides, and keyboard shortcuts."><span class="help-shortcut-title">Open shortcut help</span><!--$--><kbd class="k2b-kbd"><span class="k2b-sr-only">Shift /</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⇧</kbd><kbd class="k2b-kbd__key">/</kbd></span></kbd><!--/--></li></ul></section></div></section></div><span class="sr-only" aria-live="polite"></span></div><!--/--></div>"`;
 
 exports[`server provider start frame 1`] = `"<div class="help-shell app-accent-scope flex h-full min-h-0 flex-col" data-surface="panel" style="--app-accent:#16a34a"><header class="help-head" data-help-head><div class="help-head-inner help-measure"><div class="help-head-row"><solid-island data-id="acff793997b5" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;back&quot;,&quot;tile&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:3},{&quot;t&quot;:1,&quot;s&quot;:&quot;ti ti-layout-kanban&quot;}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="HelpPanelBack.island.tsx"><span class="help-head-tile" aria-hidden="true"><i class="ti ti-layout-kanban"></i></span></solid-island><h2 id="layout-help-title" class="help-head-title">Spaces</h2><div class="help-head-actions" role="group" aria-label="Help actions"><solid-island data-id="1d4dd75de534" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[],&quot;v&quot;:[]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="HelpPanelMenu.island.tsx"><span class="k2b-dropdown "><button aria-expanded="false" aria-haspopup="menu" data-help-menu="" title="More Help actions" aria-label="More Help actions" type="button" class="k2b-button k2b-icon-button k2b-dropdown__trigger  " data-size="md" data-variant="ghost" ><span class="k2b-button__label"><i class="ti ti-dots" aria-hidden="true"></i></span></button><span id="k2b-tooltip-#1" role="tooltip" popover="manual" class="k2b-tooltip">More Help actions</span></span></solid-island></div></div><div class="k2b-field help-head-search"><div class="k2b-input-shell k2b-text-input" style=""><span class="k2b-input-shell__icon k2b-text-input__icon" aria-hidden="true"><i class="ti ti-search"></i><i class="ti ti-search"></i></span><input data-help-search="" placeholder="Search help…" id="k2b-field-#2" class="k2b-input " type="search" value="" aria-label="Search help" /></div></div></div></header><div data-scroll-fade-axis="vertical" data-orientation="vertical" data-scroll-fade-mode="both" class="k2b-scroll-area min-h-0 flex-1 p-4 sm:p-5 " ><div class="help-start help-measure" data-help-results><div data-help-start-content><solid-island data-id="e36bedf30054" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;topics&quot;],&quot;v&quot;:[{&quot;t&quot;:9,&quot;i&quot;:1,&quot;a&quot;:[],&quot;o&quot;:0}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="HelpPanelView.island.tsx"></solid-island><section class="help-start-section" data-help-tasks aria-labelledby="help-start-tasks-title"><h3 id="help-start-tasks-title" class="help-start-heading"><i class="ti ti-checklist" aria-hidden="true"></i>What do you want to do?</h3><ul class="help-start-tiles" data-help-tiles><li><button type="button" class="help-start-tile focus-ui" data-help-topic="share"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-share"></i></span><span class="help-start-tile-title">Share a Space</span><span class="help-start-tile-description">Invite people to work with you.</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-1"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-1</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-2"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-2</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-3"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-3</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-4"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-4</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-5"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-5</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-6"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-6</span></button></li><li><button type="button" class="help-start-tile focus-ui" data-help-topic="task-7"><span class="help-topic-icon k2b-icon-tile help-start-tile-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-start-tile-title">Article task-7</span></button></li></ul><ul class="help-start-rows " data-help-more-tasks=""><li><button type="button" class="help-start-row focus-ui" data-help-topic="task-8"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Article task-8</span></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li><li><button type="button" class="help-start-row focus-ui" data-help-topic="task-9"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Article task-9</span></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul></section><div class="help-start-groups"><section class="help-start-section" data-help-group="start" aria-labelledby="help-start-start-title"><h3 id="help-start-start-title" class="help-start-heading"><i class="ti ti-rocket" aria-hidden="true"></i>Get started</h3><ul class="help-start-rows "><li><button type="button" class="help-start-row focus-ui" data-help-topic="first-steps"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">First steps</span><span class="help-article-link-description">Find your way around.</span></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul></section><section class="help-start-section" data-help-group="reference" aria-labelledby="help-start-reference-title"><h3 id="help-start-reference-title" class="help-start-heading"><i class="ti ti-book-2" aria-hidden="true"></i>Look up</h3><ul class="help-start-rows "><li><button type="button" class="help-start-row focus-ui" data-help-topic="roles"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-users"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Roles</span></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul></section><section class="help-start-section" data-help-group="troubleshoot" aria-labelledby="help-start-troubleshoot-title"><h3 id="help-start-troubleshoot-title" class="help-start-heading"><i class="ti ti-lifebuoy" aria-hidden="true"></i>Solve problems</h3><ul class="help-start-rows "><li><button type="button" class="help-start-row focus-ui" data-help-topic="sync"><span class="help-topic-icon k2b-icon-tile help-start-row-icon app-accent-text" aria-hidden="true"><i class="ti ti-file-text"></i></span><span class="help-article-link-copy"><span class="help-article-link-title">Sync problems</span><span class="help-article-link-description">When changes do not arrive.</span></span><i class="ti ti-chevron-right help-start-row-arrow" aria-hidden="true"></i></button></li></ul></section></div><solid-island data-id="26463f9d7758" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;appName&quot;,&quot;platform&quot;],&quot;v&quot;:[{&quot;t&quot;:1,&quot;s&quot;:&quot;Spaces&quot;},{&quot;t&quot;:1,&quot;s&quot;:&quot;apple&quot;}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="HelpPanelShortcuts.island.tsx"><section class="help-start-section help-start-shortcuts" data-help-shortcuts aria-labelledby="help-start-shortcuts-title"><h3 id="help-start-shortcuts-title" class="help-start-heading"><i class="ti ti-keyboard" aria-hidden="true"></i>Keyboard shortcuts</h3><div class="help-shortcut-groups"><section class="help-shortcut-group" data-help-shortcut-group="everywhere" aria-label="Everywhere"><h4 class="help-shortcut-group-title" aria-hidden="true">Everywhere</h4><ul><li class="help-shortcut" title="Search across apps, pages, files, and items."><span class="help-shortcut-title">Open global search</span><kbd class="k2b-kbd"><span class="k2b-sr-only">Command K</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⌘</kbd><kbd class="k2b-kbd__key">K</kbd></span></kbd></li><li class="help-shortcut" title="Open help, guides, and keyboard shortcuts."><span class="help-shortcut-title">Open shortcut help</span><kbd class="k2b-kbd"><span class="k2b-sr-only">Shift /</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⇧</kbd><kbd class="k2b-kbd__key">/</kbd></span></kbd></li><li class="help-shortcut" title="Shows a panel beside the app."><span class="help-shortcut-title">Open or close the panel</span><kbd class="k2b-kbd"><span class="k2b-sr-only">Command J</span><span class="k2b-kbd__keys" aria-hidden="true"><kbd class="k2b-kbd__key">⌘</kbd><kbd class="k2b-kbd__key">J</kbd></span></kbd></li></ul></section></div></section></solid-island></div><solid-island data-id="3fcb37ddc7b6" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[],&quot;v&quot;:[]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="HelpPanelSearch.island.tsx"><!--!$--></solid-island></div><solid-island data-id="64a5176b688b" data-props="{&quot;t&quot;:{&quot;t&quot;:10,&quot;i&quot;:0,&quot;p&quot;:{&quot;k&quot;:[&quot;topic&quot;],&quot;v&quot;:[{&quot;t&quot;:2,&quot;s&quot;:1}]},&quot;o&quot;:0},&quot;f&quot;:127,&quot;m&quot;:[]}" data-file="HelpPanelArticle.island.tsx"><!--!$--></solid-island><span class="sr-only" aria-live="polite" data-help-announcement></span></div><script type="application/json" data-help-panel-data>{"documents":[{"id":"share","title":"Share a Space","description":"Invite people to work with you.","icon":"ti ti-share","order":1,"url":"/api/help/apps/spaces/share","searchUrl":"/api/help/apps/spaces/search"},{"id":"first-steps","title":"First steps","description":"Find your way around.","kind":"start","order":10,"url":"/api/help/apps/spaces/first-steps","searchUrl":"/api/help/apps/spaces/search"},{"id":"roles","title":"Roles","icon":"ti-users","kind":"reference","order":10,"url":"/api/help/apps/spaces/roles","searchUrl":"/api/help/apps/spaces/search"},{"id":"sync","title":"Sync problems","description":"When changes do not arrive.","kind":"troubleshoot","order":10,"url":"/api/help/apps/spaces/sync","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-1","title":"Article task-1","order":20,"url":"/api/help/apps/spaces/task-1","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-2","title":"Article task-2","order":21,"url":"/api/help/apps/spaces/task-2","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-3","title":"Article task-3","order":22,"url":"/api/help/apps/spaces/task-3","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-4","title":"Article task-4","order":23,"url":"/api/help/apps/spaces/task-4","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-5","title":"Article task-5","order":24,"url":"/api/help/apps/spaces/task-5","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-6","title":"Article task-6","order":25,"url":"/api/help/apps/spaces/task-6","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-7","title":"Article task-7","order":26,"url":"/api/help/apps/spaces/task-7","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-8","title":"Article task-8","order":27,"url":"/api/help/apps/spaces/task-8","searchUrl":"/api/help/apps/spaces/search"},{"id":"task-9","title":"Article task-9","order":28,"url":"/api/help/apps/spaces/task-9","searchUrl":"/api/help/apps/spaces/search"}],"appId":"spaces","pageBase":"/help/apps/spaces"}</script></div>"`;
 

package/src/ssr/admin-active-link.ts

@@ -45,3 +45,19 @@ export const activeAdminHref = (currentPath: string, hrefs: readonly string[]):
   }
   return best;
 };
+
+/**
+ * The link whose own href or one of its `match` paths covers the current path most specifically. An area link, such
+ * as Observability, stays active on every page of the area.
+ */
+export const activeAdminLink = <Link extends { href: string; match?: readonly string[] }>(
+  currentPath: string,
+  links: readonly Link[],
+): Link | null => {
+  const candidates = links.flatMap((link) => [link.href, ...(link.match ?? [])].map((path) => ({ link, path })));
+  const best = activeAdminHref(
+    currentPath,
+    candidates.map((candidate) => candidate.path),
+  );
+  return best === null ? null : (candidates.find((candidate) => candidate.path === best)?.link ?? null);
+};