@happyvertical/smrt-svelte 0.51.30 → 0.51.32

package/agents/workspace.md

@@ -37,6 +37,18 @@ them from the published artifact versus exporting them is tracked in #2286.
 - Shell activities are client-side records; server jobs, polling, WebSockets,
   and `smrt-web` SSE can feed them through app adapters
 
+At widths up to 48rem, side panels overlay the main area directly between the
+header and footer. App/system drawers span the shell width independently of
+saved desktop side-panel states and scroll within the available vertical space.
+App settings, tenant names and environment badges wrap within narrow drawers.
+`SystemStatusChips` stays on one horizontally scrollable row so fixed-height
+system bars never clip wrapped chips. Custom bars must allow this flex child
+to shrink; use safe alignment if aligning its contents to the end.
+
+Run `pnpm --filter @happyvertical/smrt-svelte test:e2e` after building the
+package dependencies. The package-local fixture exercises real Chromium bounds
+and touch input across mobile widths and desktop panel-state combinations.
+
 See `src/components/workspace/MIGRATION.md` for the old-to-new concept map.
 
 ### Live activity feed adapter (`./web`, #1779)

package/dist/components/workspace/admin-shell/AdminShell.svelte

@@ -850,6 +850,7 @@ function buildLayoutStyle(shell: ModuleShellState): string {
     .smrt-admin-shell__edge--left,
     .smrt-admin-shell__edge--right {
       position: absolute;
+      grid-area: auto;
       inset-block: var(--smrt-admin-shell-top-track)
         var(--smrt-admin-shell-bottom-track);
       inline-size: min(22rem, 86vw);
@@ -858,6 +859,10 @@ function buildLayoutStyle(shell: ModuleShellState): string {
         var(--smrt-easing-standard);
     }
 
+    .smrt-admin-shell__edge--left {
+      inset-inline-start: 0;
+    }
+
     .smrt-admin-shell__edge--right {
       inset-inline-end: 0;
       transform: translateX(100%);
@@ -881,6 +886,25 @@ function buildLayoutStyle(shell: ModuleShellState): string {
     .smrt-admin-shell__corner {
       display: none;
     }
+
+    .smrt-admin-shell__drawer {
+      box-sizing: border-box;
+      inset-inline: 0;
+    }
+
+    .smrt-admin-shell__drawer--top {
+      max-block-size: min(
+        var(--smrt-admin-shell-top-expanded),
+        calc(100% - var(--smrt-admin-shell-top-track) - var(--smrt-admin-shell-bottom-track))
+      );
+    }
+
+    .smrt-admin-shell__drawer--bottom {
+      max-block-size: min(
+        var(--smrt-admin-shell-bottom-expanded),
+        calc(100% - var(--smrt-admin-shell-top-track) - var(--smrt-admin-shell-bottom-track))
+      );
+    }
   }
 
   @media (prefers-reduced-motion: reduce) {

package/dist/components/workspace/admin-shell/AppScopePanel.svelte

@@ -46,7 +46,7 @@ const { t } = useI18n();
       {/if}
     </div>
     {#if environment}
-      <Badge variant="info" size="sm">{environment}</Badge>
+      <Badge variant="info" size="sm"><span class="smrt-app-scope-panel__environment">{environment}</span></Badge>
     {/if}
   </header>
 
@@ -76,16 +76,28 @@ const { t } = useI18n();
 <style>
   .smrt-app-scope-panel {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
     gap: var(--smrt-spacing-5);
   }
 
   .smrt-app-scope-panel header {
     display: flex;
+    flex-wrap: wrap;
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--smrt-spacing-4);
   }
 
+  .smrt-app-scope-panel header > div {
+    min-inline-size: 0;
+  }
+
+  .smrt-app-scope-panel__environment {
+    white-space: normal;
+  }
+
   .smrt-app-scope-panel h2,
   .smrt-app-scope-panel p {
     margin: 0;

package/dist/components/workspace/admin-shell/ShellSettingsPanel.svelte

@@ -94,6 +94,9 @@ function conflictFor(edge: PanelEdge): string | null {
 <style>
   .smrt-shell-settings-panel {
     display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    min-inline-size: 0;
+    overflow-wrap: anywhere;
     gap: var(--smrt-spacing-4);
   }
 

package/dist/components/workspace/admin-shell/SystemStatusChips.svelte

@@ -43,7 +43,9 @@ const { t } = useI18n();
 <style>
   .smrt-system-status-chips {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    min-inline-size: 0;
+    overflow-x: auto;
     gap: var(--smrt-spacing-2);
     align-items: center;
   }
@@ -51,6 +53,8 @@ const { t } = useI18n();
   .smrt-system-status-chips a,
   .smrt-system-status-chips__chip {
     display: inline-flex;
+    flex: 0 0 auto;
+    white-space: nowrap;
     align-items: center;
     gap: var(--smrt-spacing-2);
     min-inline-size: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-svelte",
-  "version": "0.51.30",
+  "version": "0.51.32",
   "smrtJsdoc": "strict",
   "description": "Svelte 5 components for SMRT user management - auth, users, tenants, roles, permissions, groups",
   "type": "module",
@@ -120,11 +120,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@happyvertical/logger": "^0.94.0",
-    "@happyvertical/smrt-languages": "0.51.30",
-    "@happyvertical/smrt-types": "0.51.30",
-    "@happyvertical/smrt-ui": "0.51.30",
-    "@happyvertical/smrt-web": "0.51.30",
+    "@happyvertical/logger": "^0.94.1",
+    "@happyvertical/smrt-languages": "0.51.32",
+    "@happyvertical/smrt-types": "0.51.32",
+    "@happyvertical/smrt-ui": "0.51.32",
+    "@happyvertical/smrt-web": "0.51.32",
     "@tanstack/db": "^0.6.14",
     "@tanstack/svelte-db": "^0.1.91",
     "esm-env": "^1.2.2"
@@ -159,14 +159,14 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/smrt-agents": "0.51.30",
-    "@happyvertical/smrt-chat": "0.51.30",
-    "@happyvertical/smrt-content": "0.51.30",
-    "@happyvertical/smrt-core": "0.51.30",
-    "@happyvertical/smrt-reports": "0.51.30",
-    "@happyvertical/smrt-scanner": "0.51.30",
-    "@happyvertical/smrt-tenancy": "0.51.30",
-    "@happyvertical/smrt-users": "0.51.30",
+    "@happyvertical/smrt-agents": "0.51.32",
+    "@happyvertical/smrt-chat": "0.51.32",
+    "@happyvertical/smrt-content": "0.51.32",
+    "@happyvertical/smrt-core": "0.51.32",
+    "@happyvertical/smrt-reports": "0.51.32",
+    "@happyvertical/smrt-scanner": "0.51.32",
+    "@happyvertical/smrt-tenancy": "0.51.32",
+    "@happyvertical/smrt-users": "0.51.32",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/jest-dom": "^7.0.1",
@@ -189,6 +189,7 @@
     "test:conformance": "node scripts/ensure-conformance-build.mjs && SMRT_SVELTE_PUBLISHED_ENTRY=1 vitest run src/web/__tests__/data-surface-conformance.integration.svelte.test.ts",
     "typecheck:conformance": "tsc --noEmit -p ./tsconfig.conformance.json",
     "typecheck": "tsc --noEmit && pnpm run typecheck:conformance && node ../../scripts/svelte-check-a11y.mjs --tsconfig ./tsconfig.svelte.json",
-    "verify:pack": "node ../../scripts/verify-package-types-exports.js ."
+    "verify:pack": "node ../../scripts/verify-package-types-exports.js .",
+    "test:e2e": "playwright test -c e2e/playwright.config.ts"
   }
 }