@happyvertical/smrt-svelte 0.57.4 → 0.57.6

package/agents/overview-surfaces.md

@@ -182,7 +182,13 @@ Call `destroy()` when the owner unmounts.
 The core shortcuts widget draws each shortcut with an inline icon/title heading.
 The icon uses `--smrt-color-primary` from the active theme, matching the
 `ShellSectionMenu` card layout; descriptions remain below the heading. Hosts
-may still provide an icon component for their own glyphs.
+may still provide an icon component for their own glyphs. The heading row is
+the icon and the title alone: the record count is meta, so like
+`ShellSectionMenu`'s card foot it sits on its own muted row at the card's foot
+(#4120). Never put a count or other meta back on a title row — it takes a
+fixed slice of the row and forces the title to wrap. Grid widget headings are
+the same: the title owns its row and wraps rather than truncating; the
+one-line edit-mode chrome label carries the full title as a tooltip.
 
 Props in `grid-types.ts`. `editing` defaults to the shell's layout editor
 (`tryUseShellLayout()?.editing`), so the same pencil edits the grid under an

package/agents/workspace.md

@@ -181,10 +181,13 @@ in the tooltip, there is no visible `<kbd>`), and off phones it closes the
 navigation region: it sits at the end of the nav (`margin-block-start: auto`),
 above the `leftSidebar.footer` slot, never below it. Order top to bottom, expanded
 and collapsed: nav, chevron, footer (the account menu; the compact avatar last
-in the collapsed rail). Expanded it lives inside the sidebar body
-(`tenant-stack`) and hugs the inner edge; collapsed it is the middle row of the
-rail stack (content, chevron, `tenantRailFooter`) and is centred. Only a rail
-with neither nav nor footer content draws it alone at the bottom. Phones replace it with the drawer's
+in the collapsed rail). It sits in the utility row
+(`.smrt-admin-shell__tenant-utilities`, after any `tenantUtilities` icons such
+as the color-scheme toggle). Expanded the row lives inside the sidebar body
+(`tenant-stack`) and the chevron hugs its inner edge; collapsed the row is the
+middle row of the rail stack (content, utilities, `tenantRailFooter`), stacked
+and centred. Only a rail with neither nav, utilities nor footer content draws
+the chevron alone at the bottom. Phones replace it with the drawer's
 icon-only "Close menu" at the top, so opening the drawer still focuses a close control. The
 header, footer and right toggles keep their region label and hotkey hint.
 
@@ -205,7 +208,7 @@ keep them stable), all movable in the layout editor like `item:brand`:
 | Item | Default slot | Phone | Opt out |
 | --- | --- | --- | --- |
 | `item:account` | `leftSidebar.footer` | compact avatar, last in the header band (`header.end`) | `accountMenu={false}`; `accountMenu={{ slot }}` sets the default |
-| `item:color-scheme` | `header.end` | icon-only (no label), accessible name kept | `colorSchemeToggle={false}`; `{ slot }` sets the default |
+| `item:color-scheme` | `leftSidebar.footer` (rendered in the sidebar utility row, see below) | icon button in the header band (`header.end`) | `colorSchemeToggle={false}`; `{ slot }` sets the default |
 | `item:command-palette` | `header.center` | search glyph button | off unless `commandPalette` is passed |
 
 `item:account` renders `WorkspaceAccountMenu` only when `user` is set (nothing
@@ -218,8 +221,18 @@ it shows the full identity (menu opens upward); everywhere else, and in the
 collapsed rail, it is the compact avatar. In the collapsed rail `AppShell`
 passes it as `tenantRailFooter` (outside the rail's scroll clip; the menu opens
 to the inline end over the workspace) instead of letting the footer slot fall
-back to another region. `item:color-scheme` reuses `ColorSchemeToggle` from
-`@happyvertical/smrt-ui/themes` (no second switcher). `item:command-palette`
+back to another region. `item:color-scheme` is `ShellColorSchemeToggle`
+(`src/components/app/`): an icon-only `ShellIconButton` over the
+`ThemeProvider` context (no second scheme store), named "Dark mode" with
+`aria-pressed`, showing the mode a press switches to (moon in light, sun in
+dark: `darkMode` / `lightMode` in the shell icon set) with a "Switch to dark
+mode" / "Switch to light mode" tooltip. Left in `leftSidebar.footer` on desktop
+it renders in `AdminShell`'s `tenantUtilities` row (#4107): toggle first, the
+collapse chevron at the inner edge, at the end of the nav region above the
+account; in the collapsed rail the row stacks (toggle, chevron) above the
+compact avatar. It never falls back to the header or footer while the left
+edge is shown; in edit mode it is an ordinary movable item in the footer drop
+zone. Will's standing default: never a labelled Light/Dark pill in the header. `item:command-palette`
 mounts the existing `CommandPalette` (`commandPalette: { providers, placeholder? }`,
 types `AppShellCommandPalette`/`AppShellAccountMenu` from `./app`): it owns the
 dialog and the global shortcut, so it mounts once. Planner-style hosts that

package/dist/components/app/AppShell.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 import {
   type ColorScheme,
-  ColorSchemeToggle,
   type ContrastPreference,
   type ThemeConfig,
   type ThemePreset,
@@ -72,6 +71,7 @@ import {
   resolvePhoneTabBar,
 } from './phone-tabs.js';
 import RuntimeDiagnosticsWebMcp from './RuntimeDiagnosticsWebMcp.svelte';
+import ShellColorSchemeToggle from './ShellColorSchemeToggle.svelte';
 import type { ShellUser } from './shell-user.js';
 import type {
   AppShellAccountMenu,
@@ -128,10 +128,13 @@ interface Props {
    */
   signOutHref?: string;
   /**
-   * The theme switcher (`ColorSchemeToggle` from `smrt-ui/themes`) as the
-   * built-in item `item:color-scheme`, default slot `header.end`. On by
-   * default; `false` opts out, `{ slot }` sets the default slot. Icon-only on
-   * phones.
+   * The light/dark switch as the built-in item `item:color-scheme`: an
+   * icon-only toggle (moon or sun, "Dark mode" with `aria-pressed`). Default
+   * slot `leftSidebar.footer`, where it renders in the sidebar's utility row
+   * beside the collapse chevron, above the account menu, and stays a compact
+   * icon in the collapsed rail; on phones it defaults to `header.end`. On by
+   * default; `false` opts out, `{ slot }` sets the default slot (users can
+   * still move it in the layout editor).
    */
   colorSchemeToggle?: boolean | { slot?: ShellSlot };
   /**
@@ -405,7 +408,8 @@ const entries = $derived.by(() => {
       slot:
         (typeof colorSchemeToggle === 'object'
           ? colorSchemeToggle.slot
-          : undefined) ?? 'header.end',
+          : undefined) ??
+        (shell.viewport === 'phone' ? 'header.end' : 'leftSidebar.footer'),
       render: colorSchemeItem,
     });
   }
@@ -477,7 +481,10 @@ const slotIds = $derived(resolveShellPlacements(entries, effectiveLayout));
 const entriesFor = (name: ShellSlot): PlacedEntry[] => {
   const byId = new Map(entries.map((entry) => [entry.id, entry]));
   return slotIds[name].flatMap((id) =>
-    id === SHELL_ACCOUNT_ITEM_ID && accountInRail ? [] : (byId.get(id) ?? []),
+    (id === SHELL_ACCOUNT_ITEM_ID && accountInRail) ||
+    (id === SHELL_COLOR_SCHEME_ITEM_ID && colorSchemeInSidebar)
+      ? []
+      : (byId.get(id) ?? []),
   );
 };
 const slotSnippets: Record<ShellSlot, Snippet> = {
@@ -561,6 +568,17 @@ const accountInRail = $derived(
     shell.isEdgeShown('left') &&
     shell.panels.left === 'collapsed',
 );
+// ---- Color scheme ------------------------------------------------------
+// Placed in the left sidebar footer (the default) on desktop, the toggle
+// renders in the sidebar's utility row beside the chevron, expanded or as
+// the rail, rather than in the footer slot or a fallback region. While the
+// layout is edited it stays a movable item in the footer drop zone.
+const colorSchemeInSidebar = $derived(
+  slotIds['leftSidebar.footer'].includes(SHELL_COLOR_SCHEME_ITEM_ID) &&
+    !editing &&
+    shell.viewport !== 'phone' &&
+    shell.isEdgeShown('left'),
+);
 // Full identity only inside an expanded sidebar; everywhere else the avatar.
 const accountCompact = $derived.by(() => {
   if (shell.viewport === 'phone' || !accountSlot) return true;
@@ -918,13 +936,7 @@ const EDGE_OF_REGION: Record<ShellRegion, PanelEdge> = {
 {/snippet}
 
 {#snippet colorSchemeItem()}
-  <span class="smrt-app-shell-color-scheme">
-    <ColorSchemeToggle
-      variant="switch"
-      showLabels={shell.viewport !== 'phone'}
-      ariaLabel={t(M['ui.app_shell.color_scheme_toggle'])}
-    />
-  </span>
+  <ShellColorSchemeToggle />
 {/snippet}
 
 {#snippet commandPaletteItem()}
@@ -1011,6 +1023,7 @@ const EDGE_OF_REGION: Record<ShellRegion, PanelEdge> = {
       phoneDockOpener={dockToggles.length === 0 && !tabBarOn}
       phoneBottomBar={tabBarOn ? phoneTabs : undefined}
       tenantRailFooter={accountInRail ? railAccount : undefined}
+      tenantUtilities={colorSchemeInSidebar ? colorSchemeItem : undefined}
       bind:rootElement={shellRoot}
       {floatingReserve}
     >
@@ -1092,8 +1105,6 @@ const EDGE_OF_REGION: Record<ShellRegion, PanelEdge> = {
   .smrt-layout-toggle--floating { position: fixed; z-index: 45; inset-block-start: max(var(--smrt-spacing-3), env(safe-area-inset-top)); inset-inline-end: max(var(--smrt-spacing-3), env(safe-area-inset-right)); border: var(--smrt-hairline); border-radius: var(--smrt-radius-full); background: var(--smrt-surface-raised); box-shadow: var(--smrt-elevation-3), var(--smrt-inset-highlight); }
   .smrt-layout-toggle--floating :global(.smrt-shell-icon-button) { border-radius: var(--smrt-radius-full); }
   .smrt-layout-toggle :global(.smrt-shell-icon-button[aria-pressed='true']) { background: var(--smrt-color-primary-container); color: var(--smrt-color-on-primary-container); }
-  .smrt-app-shell-color-scheme { display: inline-flex; align-items: center; }
-  .smrt-app-shell-color-scheme :global(.smrt-color-scheme-toggle__switch) { min-block-size: var(--smrt-control-target-min); }
   .smrt-app-shell-palette { display: inline-flex; min-inline-size: 0; }
   .smrt-app-shell-palette[data-search] :global(.smrt-command-palette-trigger) { inline-size: min(28rem, 40vw); justify-content: flex-start; border: var(--smrt-hairline-strong); border-radius: var(--smrt-radius-full); background: var(--smrt-surface-control); color: var(--smrt-color-on-surface-variant); }
   .smrt-app-shell-palette[data-search] :global(.smrt-command-palette-trigger__hint) { margin-inline-start: auto; }

package/dist/components/app/AppShell.svelte.d.ts

@@ -60,10 +60,13 @@ interface Props {
      */
     signOutHref?: string;
     /**
-     * The theme switcher (`ColorSchemeToggle` from `smrt-ui/themes`) as the
-     * built-in item `item:color-scheme`, default slot `header.end`. On by
-     * default; `false` opts out, `{ slot }` sets the default slot. Icon-only on
-     * phones.
+     * The light/dark switch as the built-in item `item:color-scheme`: an
+     * icon-only toggle (moon or sun, "Dark mode" with `aria-pressed`). Default
+     * slot `leftSidebar.footer`, where it renders in the sidebar's utility row
+     * beside the collapse chevron, above the account menu, and stays a compact
+     * icon in the collapsed rail; on phones it defaults to `header.end`. On by
+     * default; `false` opts out, `{ slot }` sets the default slot (users can
+     * still move it in the layout editor).
      */
     colorSchemeToggle?: boolean | {
         slot?: ShellSlot;

package/dist/components/app/AppShell.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppShell.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/AppShell.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,WAAW,EAEjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,8CAA8C,CAAC;AACtD,OAAO,+CAA+C,CAAC;AACvD,OAAO,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAiB,MAAM,QAAQ,CAAC;AAKrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAMzE,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,oCAAoC,CAAC;AAY5C,OAAO,EAKL,KAAK,SAAS,EAIf,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EACL,KAAK,eAAe,EAGpB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,0BAA0B,EAChC,MAAM,mCAAmC,CAAC;AAI3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EACL,KAAK,kBAAkB,EAGxB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EACV,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACd,MAAM,gBAAgB,CAAC;AAIxB,UAAU,KAAK;IACb,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;IACrB,uEAAuE;IACvE,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IACnD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,OAAO,GAAG,oBAAoB,CAAC;IACxC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,sEAAsE;IACtE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,gFAAgF;IAChF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC/C,iDAAiD;IACjD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,yFAAyF;IACzF,YAAY,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,4FAA4F;IAC5F,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,iHAAiH;IACjH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACtC;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B;;;;;;;;;;;;;OAaG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,SAAS,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACnE;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACvD;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,qBAAqB,CAAC;IACvD,0EAA0E;IAC1E,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IACxD,wDAAwD;IACxD,aAAa,CAAC,EAAE,SAAS,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3D;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC7C,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAC;IAC3C;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAwuBD,QAAA,MAAM,QAAQ,0BAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/app/ShellColorSchemeToggle.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+/**
+ * The shell's light/dark switch (`AppShell` item `item:color-scheme`): an
+ * icon-only toggle button. Its name stays "Dark mode" with `aria-pressed`
+ * carrying the state; the icon and tooltip show the mode a press switches
+ * to (moon in light mode, sun in dark mode), as the chevron shows where the
+ * sidebar will move. Needs the `ThemeProvider` that `AppShell` mounts.
+ */
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { getThemeContext } from '@happyvertical/smrt-ui/themes';
+import { M } from '../../i18n/strings.workspace.js';
+import ShellIconButton from '../workspace/admin-shell/ShellIconButton.svelte';
+
+const theme = getThemeContext();
+const { t } = useI18n();
+const dark = $derived(theme.state.isDark);
+</script>
+
+<span class="smrt-app-shell-color-scheme" data-smrt-component="ShellColorSchemeToggle">
+  <ShellIconButton
+    icon={dark ? 'lightMode' : 'darkMode'}
+    label={t(M['ui.app_shell.color_scheme_dark'])}
+    pressed={dark}
+    tooltip={t(
+      dark
+        ? M['ui.app_shell.color_scheme_to_light']
+        : M['ui.app_shell.color_scheme_to_dark'],
+    )}
+    onclick={() => theme.toggleColorScheme()}
+  />
+</span>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  .smrt-app-shell-color-scheme { display: inline-flex; align-items: center; }
+}
+</style>

package/dist/components/app/ShellColorSchemeToggle.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const ShellColorSchemeToggle: import("svelte").Component<Record<string, never>, {}, "">;
+type ShellColorSchemeToggle = ReturnType<typeof ShellColorSchemeToggle>;
+export default ShellColorSchemeToggle;
+//# sourceMappingURL=ShellColorSchemeToggle.svelte.d.ts.map

package/dist/components/app/ShellColorSchemeToggle.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShellColorSchemeToggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/app/ShellColorSchemeToggle.svelte.ts"],"names":[],"mappings":"AAuCA,QAAA,MAAM,sBAAsB,2DAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/components/overview/OverviewGrid.svelte

@@ -454,7 +454,8 @@ const headingTag = $derived(`h${headingLevel}`);
                 ondragstart={(event) => sortable.dragStart(event, row.widget.id)}
                 ondragend={() => sortable.dragEnd()}
               ><span aria-hidden="true">⠿</span></button>
-              <span class="smrt-overview__chrome-title" aria-hidden="true">{row.title}</span>
+              <!-- Truncated to one line beside the controls; the tooltip carries the full title. -->
+              <span class="smrt-overview__chrome-title" aria-hidden="true" title={row.title}>{row.title}</span>
               {#if row.def && row.def.options.length > 0}
                 <ShellIconButton
                   icon="settings"
@@ -561,7 +562,7 @@ const headingTag = $derived(`h${headingLevel}`);
   [data-presentation='plain']:not([data-editing]) .smrt-overview__tile { padding: 0; border: 0; border-radius: 0; background: transparent; }
   [data-editing] .smrt-overview__tile { border-style: dashed; }
   .smrt-overview__widget { display: grid; gap: var(--smrt-spacing-2); align-content: start; min-inline-size: 0; }
-  .smrt-overview__title { margin: 0; color: var(--smrt-color-on-surface-variant); font-size: var(--smrt-typography-title-small-size, 0.875rem); font-weight: var(--smrt-typography-weight-medium, 500); }
+  .smrt-overview__title { margin: 0; overflow-wrap: break-word; color: var(--smrt-color-on-surface-variant); font-size: var(--smrt-typography-title-small-size, 0.875rem); font-weight: var(--smrt-typography-weight-medium, 500); }
   .smrt-overview__state { margin: 0; color: var(--smrt-color-on-surface-variant); }
   .smrt-overview__chrome { display: flex; align-items: center; gap: var(--smrt-spacing-1); margin-block-end: var(--smrt-spacing-2); }
   .smrt-overview__chrome-title { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--smrt-color-on-surface-variant); font-size: var(--smrt-typography-label-large-size, 0.875rem); }

package/dist/components/overview/OverviewGrid.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverviewGrid.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/overview/OverviewGrid.svelte.ts"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAgczD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OverviewGrid.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/overview/OverviewGrid.svelte.ts"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAiczD,QAAA,MAAM,YAAY,uDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/overview/widgets/ShortcutsWidget.svelte

@@ -3,7 +3,9 @@
  * Shortcuts widget (#3727): the section-overview cards as a widget. It draws
  * the cards a loader produced (see `shortcutsFromNav`), with the same look as
  * `ShellSectionMenu layout="cards"`, so a section's default overview is just
- * this widget.
+ * this widget. As there, the heading row is the icon and the title alone; the
+ * record count is meta, so it sits in the card's foot under the description
+ * rather than taking a slice of the title's row (#4120).
  */
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { M } from '../../../i18n/strings.overview.js';
@@ -83,9 +85,12 @@ const cards = $derived.by((): Card[] => {
               <ShellSectionIcon name={card.icon} size={28} {iconComponent} />
             </span>
             <span class="smrt-shortcuts__title">{card.label}</span>
-            {#if card.count !== undefined}<span class="smrt-shortcuts__count">{countLabel(card.count)}</span>{/if}
           </span>
-          {#if card.description}<span class="smrt-shortcuts__desc">{card.description}</span>{/if}
+          <!-- Clamped to two lines; the tooltip carries the rest. -->
+          {#if card.description}<span class="smrt-shortcuts__desc" title={card.description}>{card.description}</span>{/if}
+          {#if card.count !== undefined}
+            <span class="smrt-shortcuts__foot"><span class="smrt-shortcuts__count">{countLabel(card.count)}</span></span>
+          {/if}
         </a>
       </li>
     {/each}
@@ -103,9 +108,10 @@ const cards = $derived.by((): Card[] => {
   .smrt-shortcuts__heading { display: flex; align-items: center; gap: var(--smrt-spacing-2); min-inline-size: 0; }
   .smrt-shortcuts__icon { display: inline-grid; place-items: center; flex: 0 0 28px; inline-size: 28px; block-size: 28px; color: var(--smrt-color-primary); }
   .smrt-shortcuts__icon :global(.smrt-shell-section-icon) { inline-size: 28px; block-size: 28px; }
-  .smrt-shortcuts__title { font-weight: var(--smrt-typography-weight-medium, 500); overflow-wrap: anywhere; }
+  .smrt-shortcuts__title { flex: 1 1 auto; min-inline-size: 0; font-weight: var(--smrt-typography-weight-medium, 500); overflow-wrap: break-word; }
   .smrt-shortcuts__desc { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--smrt-color-on-surface-variant); font-size: var(--smrt-typography-body-medium-size, 0.875rem); }
-  .smrt-shortcuts__count { margin-inline-start: auto; flex: 0 0 auto; color: var(--smrt-color-on-surface-variant); font-size: var(--smrt-typography-label-large-size, 0.75rem); font-variant-numeric: tabular-nums; white-space: nowrap; }
+  .smrt-shortcuts__foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--smrt-spacing-2); margin-block-start: auto; }
+  .smrt-shortcuts__count { color: var(--smrt-color-on-surface-variant); font-size: var(--smrt-typography-body-small-size, 0.75rem); font-variant-numeric: tabular-nums; }
   /* Plain: entries sit directly on the panel, no frame per entry. */
   .smrt-shortcuts[data-presentation='plain'] { gap: var(--smrt-spacing-1); }
   .smrt-shortcuts[data-presentation='plain'] .smrt-shortcuts__card { border: 0; border-radius: var(--smrt-radius-medium); background: transparent; }

package/dist/components/overview/widgets/ShortcutsWidget.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsWidget.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/overview/widgets/ShortcutsWidget.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAY,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AA+F/D,QAAA,MAAM,eAAe,+EAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ShortcutsWidget.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/overview/widgets/ShortcutsWidget.svelte.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAY,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAkG/D,QAAA,MAAM,eAAe,+EAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

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

@@ -100,6 +100,14 @@ function buildLayoutStyle(shell: ModuleShellState): string {
     tenantRail?: Snippet;
     /** Content pinned below the collapsed tenant rail. */
     tenantRailFooter?: Snippet;
+    /**
+     * Icon controls in the left sidebar's utility row: with the collapse
+     * chevron at the end of the nav region, above the sidebar footer, in the
+     * expanded sidebar (start of the row; the chevron keeps the inner edge)
+     * and in the collapsed rail (stacked above the chevron). Desktop only;
+     * `AppShell` puts its color-scheme item here.
+     */
+    tenantUtilities?: Snippet;
     /** Content for the left tenant panel. */
     tenantPanel?: Snippet;
     /**
@@ -213,6 +221,7 @@ function buildLayoutStyle(shell: ModuleShellState): string {
     appPanel,
     tenantRail,
     tenantRailFooter,
+    tenantUtilities,
     tenantPanel,
     tenantFooter,
     slots,
@@ -1123,6 +1132,15 @@ function buildLayoutStyle(shell: ModuleShellState): string {
   {/if}
 {/snippet}
 
+<!-- The left sidebar's utility row: host icon controls (the color scheme)
+     then the chevron, closing the nav region above the footer slot. -->
+{#snippet tenantUtilityRow()}
+  <div class="smrt-admin-shell__tenant-utilities" data-smrt-part="utilities">
+    {#if tenantUtilities}{@render tenantUtilities()}{/if}
+    {#if showToggle('left')}{@render edgeToggle('left')}{/if}
+  </div>
+{/snippet}
+
 {#snippet menuOpener()}
   <!-- raw-primitive-allow: shell chrome control, not a content button -->
   <button
@@ -1383,7 +1401,7 @@ function buildLayoutStyle(shell: ModuleShellState): string {
                 {@render tenantRail()}
               {/if}
             </div>
-            {#if showToggle('left') && !isPhone && shownOpen('left')}{@render edgeToggle('left')}{/if}
+            {#if shownOpen('left') && !isPhone && (tenantUtilities || showToggle('left'))}{@render tenantUtilityRow()}{/if}
             {#if tenantFooter && !footerInHeader}
               <div class="smrt-admin-shell__tenant-footer">
                 {@render tenantFooter()}
@@ -1392,12 +1410,12 @@ function buildLayoutStyle(shell: ModuleShellState): string {
             {@render slotGroup('leftSidebar.footer')}
           </div>
         {/if}
-        {#if !shownOpen('left') && (tenantRail || tenantRailFooter)}
+        {#if !shownOpen('left') && (tenantRail || tenantRailFooter || tenantUtilities)}
           <div class="smrt-admin-shell__tenant-rail-stack">
             <div class="smrt-admin-shell__tenant-rail-content">
               {#if tenantRail}{@render tenantRail()}{/if}
             </div>
-            {#if showToggle('left') && !isPhone}{@render edgeToggle('left')}{/if}
+            {#if !isPhone && (tenantUtilities || showToggle('left'))}{@render tenantUtilityRow()}{/if}
             {#if tenantRailFooter}
               <div class="smrt-admin-shell__tenant-rail-footer">
                 {@render tenantRailFooter()}
@@ -1408,7 +1426,7 @@ function buildLayoutStyle(shell: ModuleShellState): string {
         <!-- The chevron closes the nav region, above the footer slot: inside
              the expanded stack or the collapsed rail stack. Only when neither
              is rendered does it stand alone at the bottom of the rail. -->
-        {#if showToggle('left') && !isPhone && !shownOpen('left') && !(tenantRail || tenantRailFooter)}{@render edgeToggle('left')}{/if}
+        {#if showToggle('left') && !isPhone && !shownOpen('left') && !(tenantRail || tenantRailFooter || tenantUtilities)}{@render edgeToggle('left')}{/if}
       </div>
     </aside>
   {/if}
@@ -2302,6 +2320,18 @@ function buildLayoutStyle(shell: ModuleShellState): string {
      `margin-block-start: auto` pins it to the end of the nav region even when
      nothing above it grows. Expanded it hugs the inner edge and points left;
      collapsed it is centred in the narrow rail and points right. */
+  .smrt-admin-shell__tenant-utilities {
+    display: flex;
+    flex: 0 0 auto;
+    align-items: center;
+    gap: var(--smrt-spacing-1);
+    min-width: 0;
+    margin-block-start: auto;
+  }
+  .smrt-admin-shell__edge--left[data-state='collapsed'] .smrt-admin-shell__tenant-utilities {
+    flex-direction: column;
+    grid-row: 2;
+  }
   .smrt-admin-shell__edge--left :global(.smrt-admin-shell__edge-toggle--left) {
     flex: 0 0 auto;
     margin-block-start: auto;
@@ -2319,6 +2349,16 @@ function buildLayoutStyle(shell: ModuleShellState): string {
   .smrt-admin-shell__tenant-rail-stack > :global(.smrt-admin-shell__edge-toggle--left) {
     grid-row: 2;
   }
+  /* In the row the chevron keeps the inner edge (expanded) or the centre
+     (rail); the row itself is what is pinned to the end of the nav region. */
+  .smrt-admin-shell__tenant-utilities > :global(.smrt-admin-shell__edge-toggle--left) {
+    align-self: center;
+    margin-block-start: 0;
+    margin-inline-start: auto;
+  }
+  .smrt-admin-shell__edge--left[data-state='collapsed'] .smrt-admin-shell__tenant-utilities > :global(.smrt-admin-shell__edge-toggle--left) {
+    margin-inline-start: 0;
+  }
   .smrt-admin-shell__edge--left[data-state='expanded'] :global(.smrt-admin-shell__edge-toggle-chevron) {
     transform: scaleX(-1);
   }

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

@@ -16,6 +16,14 @@ interface Props extends AdminShellProps {
     tenantRail?: Snippet;
     /** Content pinned below the collapsed tenant rail. */
     tenantRailFooter?: Snippet;
+    /**
+     * Icon controls in the left sidebar's utility row: with the collapse
+     * chevron at the end of the nav region, above the sidebar footer, in the
+     * expanded sidebar (start of the row; the chevron keeps the inner edge)
+     * and in the collapsed rail (stacked above the chevron). Desktop only;
+     * `AppShell` puts its color-scheme item here.
+     */
+    tenantUtilities?: Snippet;
     /** Content for the left tenant panel. */
     tenantPanel?: Snippet;
     /**

package/dist/components/workspace/admin-shell/AdminShell.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminShell.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/workspace/admin-shell/AdminShell.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AdminShell.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/workspace/admin-shell/AdminShell.svelte.ts"],"names":[],"mappings":"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"}

package/dist/components/workspace/admin-shell/shell-icons.d.ts

@@ -37,6 +37,10 @@ export declare const SHELL_ICON_PATHS: {
     readonly chevronRight: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z";
     readonly menu: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z";
     readonly chat: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z";
+    /** Material `light_mode`: the sun the color-scheme toggle shows in dark mode. */
+    readonly lightMode: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z";
+    /** Material `dark_mode`: the moon the color-scheme toggle shows in light mode. */
+    readonly darkMode: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z";
     readonly close: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z";
 };
 export type ShellIconName = keyof typeof SHELL_ICON_PATHS;

package/dist/components/workspace/admin-shell/shell-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-icons.d.ts","sourceRoot":"","sources":["../../../../src/components/workspace/admin-shell/shell-icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDnB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE1D,sEAAsE;AACtE,eAAO,MAAM,uBAAuB,EAAE,aAAwB,CAAC;AAE/D,sEAAsE;AACtE,eAAO,MAAM,0BAA0B,EAAE,aAAwB,CAAC;AAElE,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB,EAAE,aAA6B,CAAC;AAEnE,6EAA6E;AAC7E,eAAO,MAAM,mBAAmB,EAAE,SAAS,aAAa,EAqBvD,CAAC;AAEF,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,aAAa,CAEnE"}
+{"version":3,"file":"shell-icons.d.ts","sourceRoot":"","sources":["../../../../src/components/workspace/admin-shell/shell-icons.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoD3B,iFAAiF;;IAGjF,kFAAkF;;;CAK1E,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE1D,sEAAsE;AACtE,eAAO,MAAM,uBAAuB,EAAE,aAAwB,CAAC;AAE/D,sEAAsE;AACtE,eAAO,MAAM,0BAA0B,EAAE,aAAwB,CAAC;AAElE,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB,EAAE,aAA6B,CAAC;AAEnE,6EAA6E;AAC7E,eAAO,MAAM,mBAAmB,EAAE,SAAS,aAAa,EAqBvD,CAAC;AAEF,kEAAkE;AAClE,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,aAAa,CAEnE"}

package/dist/components/workspace/admin-shell/shell-icons.js

@@ -37,6 +37,10 @@ export const SHELL_ICON_PATHS = {
     chevronRight: 'M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z',
     menu: 'M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z',
     chat: 'M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z',
+    /** Material `light_mode`: the sun the color-scheme toggle shows in dark mode. */
+    lightMode: 'M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z',
+    /** Material `dark_mode`: the moon the color-scheme toggle shows in light mode. */
+    darkMode: 'M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z',
     close: 'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z',
 };
 /** Icon used for a dock or focus tool that does not bring its own. */

package/dist/i18n/strings.workspace.d.ts

@@ -213,7 +213,9 @@ export declare const M: {
     readonly 'ui.phone_tab_bar.more': "ui.phone_tab_bar.more";
     readonly 'ui.app_shell.account_item': "ui.app_shell.account_item";
     readonly 'ui.app_shell.color_scheme_item': "ui.app_shell.color_scheme_item";
-    readonly 'ui.app_shell.color_scheme_toggle': "ui.app_shell.color_scheme_toggle";
+    readonly 'ui.app_shell.color_scheme_dark': "ui.app_shell.color_scheme_dark";
+    readonly 'ui.app_shell.color_scheme_to_dark': "ui.app_shell.color_scheme_to_dark";
+    readonly 'ui.app_shell.color_scheme_to_light': "ui.app_shell.color_scheme_to_light";
     readonly 'ui.app_shell.command_palette_item': "ui.app_shell.command_palette_item";
     readonly 'ui.app_shell.account_settings': "ui.app_shell.account_settings";
     readonly 'ui.dock_toggles.set_up': "ui.dock_toggles.set_up";

package/dist/i18n/strings.workspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strings.workspace.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.workspace.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkPZ,CAAC"}
+{"version":3,"file":"strings.workspace.d.ts","sourceRoot":"","sources":["../../src/i18n/strings.workspace.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoPZ,CAAC"}

package/dist/i18n/strings.workspace.js

@@ -224,7 +224,9 @@ export const M = defineMessages({
     // components/app/AppShell built-in header and account items (issue #3853)
     'ui.app_shell.account_item': 'Account menu',
     'ui.app_shell.color_scheme_item': 'Color scheme',
-    'ui.app_shell.color_scheme_toggle': 'Toggle color scheme',
+    'ui.app_shell.color_scheme_dark': 'Dark mode',
+    'ui.app_shell.color_scheme_to_dark': 'Switch to dark mode',
+    'ui.app_shell.color_scheme_to_light': 'Switch to light mode',
     'ui.app_shell.command_palette_item': 'Search',
     'ui.app_shell.account_settings': 'Settings',
     // components/app/DockToggles not-ready state (issue #3860)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-svelte",
-  "version": "0.57.4",
+  "version": "0.57.6",
   "smrtJsdoc": "strict",
   "description": "Svelte 5 components for SMRT user management - auth, users, tenants, roles, permissions, groups",
   "type": "module",
@@ -209,12 +209,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@happyvertical/logger": "^0.105.1",
-    "@happyvertical/smrt-languages": "0.57.4",
-    "@happyvertical/smrt-mcp-apps": "0.57.4",
-    "@happyvertical/smrt-types": "0.57.4",
-    "@happyvertical/smrt-ui": "0.57.4",
-    "@happyvertical/smrt-web": "0.57.4",
+    "@happyvertical/logger": "^0.105.2",
+    "@happyvertical/smrt-languages": "0.57.6",
+    "@happyvertical/smrt-mcp-apps": "0.57.6",
+    "@happyvertical/smrt-types": "0.57.6",
+    "@happyvertical/smrt-ui": "0.57.6",
+    "@happyvertical/smrt-web": "0.57.6",
     "@tanstack/db": "^0.6.14",
     "@tanstack/svelte-db": "^0.1.91",
     "esm-env": "^1.2.2"
@@ -249,15 +249,15 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/smrt-agents": "0.57.4",
-    "@happyvertical/smrt-chat": "0.57.4",
-    "@happyvertical/smrt-content": "0.57.4",
-    "@happyvertical/smrt-core": "0.57.4",
-    "@happyvertical/smrt-reports": "0.57.4",
-    "@happyvertical/smrt-scanner": "0.57.4",
-    "@happyvertical/smrt-tenancy": "0.57.4",
-    "@happyvertical/smrt-users": "0.57.4",
-    "@happyvertical/speech": "^0.105.1",
+    "@happyvertical/smrt-agents": "0.57.6",
+    "@happyvertical/smrt-chat": "0.57.6",
+    "@happyvertical/smrt-content": "0.57.6",
+    "@happyvertical/smrt-core": "0.57.6",
+    "@happyvertical/smrt-reports": "0.57.6",
+    "@happyvertical/smrt-scanner": "0.57.6",
+    "@happyvertical/smrt-tenancy": "0.57.6",
+    "@happyvertical/smrt-users": "0.57.6",
+    "@happyvertical/speech": "^0.105.2",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/jest-dom": "^7.0.1",