@tuturuuu/ui 0.14.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,83 @@
 # Changelog
 
+## [0.16.0](https://github.com/tutur3u/platform/compare/ui-v0.15.0...ui-v0.16.0) (2026-07-11)
+
+
+### Features
+
+* **contacts:** migrate reports + groups and complete the users cutover ([2ee89cd](https://github.com/tutur3u/platform/commit/2ee89cd2257c2a9824df53d4be99436416d85c13))
+* **finance:** support prepaid subscription invoice ranges ([fa0f338](https://github.com/tutur3u/platform/commit/fa0f3388dfb3d3ea539a8d8bdc3f100f268542c6))
+* **inventory:** add revenue share and category bundles ([20b2e1e](https://github.com/tutur3u/platform/commit/20b2e1e5302d1db275766b7b4b92d9bdf69de04a))
+* **satellite:** open settings on Cmd/Ctrl+, in satellite apps ([841f425](https://github.com/tutur3u/platform/commit/841f42557dd49eb31fd797900b1ec6ade6642dba))
+* **settings:** lazy load searchable settings availability ([78091c0](https://github.com/tutur3u/platform/commit/78091c0acd16609c695be80b7c47f7840a34d74a))
+* **settings:** open settings dialog from sidebar ([f3d223f](https://github.com/tutur3u/platform/commit/f3d223fbe3b4ecc7c37b6f19645f6122ddfdf5b9))
+* **tasks:** add board header loading skeleton ([73f1242](https://github.com/tutur3u/platform/commit/73f12421a9cd50c035a1c9940e152354b1974f26))
+* **tasks:** add quick-create targeting and edge autoscroll ([f03e932](https://github.com/tutur3u/platform/commit/f03e9324b0cce18e9f9974cc8fe251bb58b686bd))
+* **tasks:** add task templates ([8d0700a](https://github.com/tutur3u/platform/commit/8d0700ad255c7b5874bfa065575df6b1cde34063))
+* **tasks:** allow archiving document tasks ([0c51941](https://github.com/tutur3u/platform/commit/0c519414101a3a21b4e33548517eef05143fdf8e))
+* **tasks:** consolidate task settings ([982e0b9](https://github.com/tutur3u/platform/commit/982e0b927358a5d566a5e33e092bd387ec0a7b50))
+* **tasks:** consolidate tasks entry and sidebar controls ([56e80eb](https://github.com/tutur3u/platform/commit/56e80eb5c60d4b4e56f2953c7978038f1ebe9c08))
+* **tasks:** stabilize shared board realtime collaboration ([6028caf](https://github.com/tutur3u/platform/commit/6028caf50432fd4dcebdaa5a59284e50972b1aa3))
+
+
+### Bug Fixes
+
+* **auth:** share account preference cookies ([8c1848a](https://github.com/tutur3u/platform/commit/8c1848a941c1b3f91337104c975e4bc0d8f68fc9))
+* **cli:** preserve markdown tables in task descriptions ([9faf8ba](https://github.com/tutur3u/platform/commit/9faf8ba44b92565a9dfc2949c496654fc1fea9b3))
+* **finance:** apply invoice defaults and i18n coverage ([a5a7a26](https://github.com/tutur3u/platform/commit/a5a7a26c5cf9f6479010624ace6a18dbeb87f0dd))
+* **finance:** apply invoice defaults and i18n coverage ([97fabad](https://github.com/tutur3u/platform/commit/97fabad7b0815da7afa009fea6a5d1abb983c040))
+* **finance:** stabilize subscription invoice checkout ([742c163](https://github.com/tutur3u/platform/commit/742c163bc8fa94acf3de03feb4ff3ef026419a4e))
+* **mail:** stabilize layout and managed sender identity ([a22205e](https://github.com/tutur3u/platform/commit/a22205e98a8671ffb628586107de09a7ba8dd1c4))
+* **settings:** resolve lazy search import for docker build ([8a6dc1b](https://github.com/tutur3u/platform/commit/8a6dc1b39fd675daaa9f9b24c60b975b044db724))
+* **tasks:** compact due date menu summaries ([473ca52](https://github.com/tutur3u/platform/commit/473ca52acd752b16032d1635120063d250ba9bd0))
+* **tasks:** default task boards to kanban ([477c12a](https://github.com/tutur3u/platform/commit/477c12aeee7644a28e6266f9c339e7ef5c3228bf))
+* **tasks:** harden satellite task route hydration ([9d51a38](https://github.com/tutur3u/platform/commit/9d51a38ad948ebb398bec794f082f2bbf8d466cc))
+* **tasks:** keep personal board moves on workspace route ([60e29b0](https://github.com/tutur3u/platform/commit/60e29b093314b3b185f3f63a69042a665644ed3d))
+* **tasks:** keep personal moves off placement API ([d8c41d7](https://github.com/tutur3u/platform/commit/d8c41d790f5edbe637b9ce71bbd5040b7fddbfa5))
+* **tasks:** match board name input surface ([2552733](https://github.com/tutur3u/platform/commit/2552733942f720bb1df0566f27753eb226115f3e))
+* **tasks:** pad board header skeleton ([b0c5c0f](https://github.com/tutur3u/platform/commit/b0c5c0fea8871cac2603da6239b980c752b1c9f6))
+* **tasks:** prevent description wipes during yjs hydration ([947f38c](https://github.com/tutur3u/platform/commit/947f38c6474d07b1fac1c44e166638bfc87260c0))
+* **tasks:** refresh task template placeholders ([0c3c309](https://github.com/tutur3u/platform/commit/0c3c30935f67e3e64d548c8a13584fd597e887b8))
+* **tasks:** repair settings data and i18n ([0159488](https://github.com/tutur3u/platform/commit/0159488ae5de1c4d98a7d804d47bf1d479ae60c9))
+* **tasks:** resolve personal placement board from list ([ed52667](https://github.com/tutur3u/platform/commit/ed5266740092e2c5fd2e7be19d5015a63705bea1))
+* **tasks:** resolve personal placement board from list ([14335af](https://github.com/tutur3u/platform/commit/14335af944f77b923be66c871c31f5fea79d61a4))
+* **tasks:** restore satellite resource access ([ec5e0a8](https://github.com/tutur3u/platform/commit/ec5e0a8d75398047e0151ae2ac3cd9a25a4fd675))
+* **tasks:** restore task dialog app-session requests ([69f83cb](https://github.com/tutur3u/platform/commit/69f83cb8730eaeb4d39c186bbf8593c73e3deb47))
+* **tasks:** restore tracked task descriptions ([f892ae2](https://github.com/tutur3u/platform/commit/f892ae23dfec41c2d25649b97a628d8cdcd1fa5d))
+* **tasks:** route native personal task moves normally ([5bbba3c](https://github.com/tutur3u/platform/commit/5bbba3c3f193e722cc87cdfe2eb2734f61442cd0))
+* **tasks:** scroll kanban board at drag edges ([1053f6c](https://github.com/tutur3u/platform/commit/1053f6cc6db9788b7e184ed8bc7febdb2adacf97))
+* **tasks:** support personal external terminal defaults ([50434cb](https://github.com/tutur3u/platform/commit/50434cb9849a65dd8c77f6b030b27a4bd76125e4))
+* **tasks:** unify board loading skeleton ([eaf2b65](https://github.com/tutur3u/platform/commit/eaf2b65242201573b930d4df4695488d0a669f30))
+* **ui:** preserve personal external task edits ([8e537e3](https://github.com/tutur3u/platform/commit/8e537e3787ad6854c0efe7792e9487647d73854e))
+* **ui:** stabilize task property popover handoff ([8fb2e62](https://github.com/tutur3u/platform/commit/8fb2e62904d34a3ae7894bfbbb66c285fcf1a1bd))
+
+## [0.15.0](https://github.com/tutur3u/platform/compare/ui-v0.14.0...ui-v0.15.0) (2026-07-11)
+
+
+### Features
+
+* **contacts:** migrate reports + groups and complete the users cutover ([2ee89cd](https://github.com/tutur3u/platform/commit/2ee89cd2257c2a9824df53d4be99436416d85c13))
+* **tasks:** allow archiving document tasks ([0c51941](https://github.com/tutur3u/platform/commit/0c519414101a3a21b4e33548517eef05143fdf8e))
+* **tasks:** consolidate task settings ([982e0b9](https://github.com/tutur3u/platform/commit/982e0b927358a5d566a5e33e092bd387ec0a7b50))
+* **tasks:** consolidate tasks entry and sidebar controls ([56e80eb](https://github.com/tutur3u/platform/commit/56e80eb5c60d4b4e56f2953c7978038f1ebe9c08))
+
+
+### Bug Fixes
+
+* **auth:** share account preference cookies ([8c1848a](https://github.com/tutur3u/platform/commit/8c1848a941c1b3f91337104c975e4bc0d8f68fc9))
+* **finance:** apply invoice defaults and i18n coverage ([a5a7a26](https://github.com/tutur3u/platform/commit/a5a7a26c5cf9f6479010624ace6a18dbeb87f0dd))
+* **finance:** apply invoice defaults and i18n coverage ([97fabad](https://github.com/tutur3u/platform/commit/97fabad7b0815da7afa009fea6a5d1abb983c040))
+* **finance:** stabilize subscription invoice checkout ([742c163](https://github.com/tutur3u/platform/commit/742c163bc8fa94acf3de03feb4ff3ef026419a4e))
+* **mail:** stabilize layout and managed sender identity ([a22205e](https://github.com/tutur3u/platform/commit/a22205e98a8671ffb628586107de09a7ba8dd1c4))
+* **tasks:** compact due date menu summaries ([473ca52](https://github.com/tutur3u/platform/commit/473ca52acd752b16032d1635120063d250ba9bd0))
+* **tasks:** repair settings data and i18n ([0159488](https://github.com/tutur3u/platform/commit/0159488ae5de1c4d98a7d804d47bf1d479ae60c9))
+* **tasks:** resolve personal placement board from list ([ed52667](https://github.com/tutur3u/platform/commit/ed5266740092e2c5fd2e7be19d5015a63705bea1))
+* **tasks:** resolve personal placement board from list ([14335af](https://github.com/tutur3u/platform/commit/14335af944f77b923be66c871c31f5fea79d61a4))
+* **tasks:** restore task dialog app-session requests ([69f83cb](https://github.com/tutur3u/platform/commit/69f83cb8730eaeb4d39c186bbf8593c73e3deb47))
+* **tasks:** support personal external terminal defaults ([50434cb](https://github.com/tutur3u/platform/commit/50434cb9849a65dd8c77f6b030b27a4bd76125e4))
+* **tasks:** unify board loading skeleton ([eaf2b65](https://github.com/tutur3u/platform/commit/eaf2b65242201573b930d4df4695488d0a669f30))
+* **ui:** preserve personal external task edits ([8e537e3](https://github.com/tutur3u/platform/commit/8e537e3787ad6854c0efe7792e9487647d73854e))
+
 ## [0.14.0](https://github.com/tutur3u/platform/compare/ui-v0.13.0...ui-v0.14.0) (2026-07-06)
 
 

package/biome.json

@@ -1,5 +1,5 @@
 {
   "root": false,
-  "$schema": "https://biomejs.dev/schemas/2.5.1/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.5.3/schema.json",
   "extends": "//"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,33 +24,33 @@
     "@hookform/resolvers": "^5.4.0",
     "@json-render/core": "^0.19.0",
     "@json-render/react": "^0.19.0",
-    "@radix-ui/react-accordion": "^1.2.15",
-    "@radix-ui/react-alert-dialog": "^1.1.18",
+    "@radix-ui/react-accordion": "^1.2.16",
+    "@radix-ui/react-alert-dialog": "^1.1.19",
     "@radix-ui/react-aspect-ratio": "^1.1.11",
-    "@radix-ui/react-avatar": "^1.2.1",
-    "@radix-ui/react-checkbox": "^1.3.6",
-    "@radix-ui/react-collapsible": "^1.1.15",
-    "@radix-ui/react-context-menu": "^2.3.2",
-    "@radix-ui/react-dialog": "^1.1.18",
-    "@radix-ui/react-dropdown-menu": "^2.1.19",
-    "@radix-ui/react-hover-card": "^1.1.18",
+    "@radix-ui/react-avatar": "^1.2.2",
+    "@radix-ui/react-checkbox": "^1.3.7",
+    "@radix-ui/react-collapsible": "^1.1.16",
+    "@radix-ui/react-context-menu": "^2.3.3",
+    "@radix-ui/react-dialog": "^1.1.19",
+    "@radix-ui/react-dropdown-menu": "^2.1.20",
+    "@radix-ui/react-hover-card": "^1.1.19",
     "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-menubar": "^1.1.19",
-    "@radix-ui/react-navigation-menu": "^1.2.17",
-    "@radix-ui/react-popover": "^1.1.18",
-    "@radix-ui/react-progress": "^1.1.11",
-    "@radix-ui/react-radio-group": "^1.4.2",
-    "@radix-ui/react-scroll-area": "^1.2.13",
-    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-menubar": "^1.1.20",
+    "@radix-ui/react-navigation-menu": "^1.2.18",
+    "@radix-ui/react-popover": "^1.1.19",
+    "@radix-ui/react-progress": "^1.1.12",
+    "@radix-ui/react-radio-group": "^1.4.3",
+    "@radix-ui/react-scroll-area": "^1.2.14",
+    "@radix-ui/react-select": "^2.3.3",
     "@radix-ui/react-separator": "^1.1.11",
-    "@radix-ui/react-slider": "^1.4.2",
+    "@radix-ui/react-slider": "^1.4.3",
     "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.2",
-    "@radix-ui/react-tabs": "^1.1.16",
-    "@radix-ui/react-toast": "^1.2.18",
-    "@radix-ui/react-toggle": "^1.1.13",
-    "@radix-ui/react-toggle-group": "^1.1.14",
-    "@radix-ui/react-tooltip": "^1.2.11",
+    "@radix-ui/react-switch": "^1.3.3",
+    "@radix-ui/react-tabs": "^1.1.17",
+    "@radix-ui/react-toast": "^1.2.19",
+    "@radix-ui/react-toggle": "^1.1.14",
+    "@radix-ui/react-toggle-group": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.12",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
     "@streamdown/math": "^1.0.2",
@@ -60,37 +60,37 @@
     "@tanstack/react-query": "^5.101.2",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.5",
-    "@tiptap/core": "3.27.1",
-    "@tiptap/extension-collaboration": "3.27.1",
-    "@tiptap/extension-collaboration-caret": "3.27.1",
-    "@tiptap/extension-color": "3.27.1",
-    "@tiptap/extension-drag-handle-react": "3.27.1",
-    "@tiptap/extension-highlight": "3.27.1",
-    "@tiptap/extension-horizontal-rule": "3.27.1",
-    "@tiptap/extension-image": "3.27.1",
-    "@tiptap/extension-link": "3.27.1",
-    "@tiptap/extension-list": "3.27.1",
-    "@tiptap/extension-placeholder": "3.27.1",
-    "@tiptap/extension-strike": "3.27.1",
-    "@tiptap/extension-subscript": "3.27.1",
-    "@tiptap/extension-superscript": "3.27.1",
-    "@tiptap/extension-table": "3.27.1",
-    "@tiptap/extension-table-cell": "3.27.1",
-    "@tiptap/extension-table-header": "3.27.1",
-    "@tiptap/extension-table-row": "3.27.1",
-    "@tiptap/extension-text-align": "3.27.1",
-    "@tiptap/extension-text-style": "3.27.1",
-    "@tiptap/extension-youtube": "3.27.1",
-    "@tiptap/pm": "3.27.1",
-    "@tiptap/react": "3.27.1",
-    "@tiptap/starter-kit": "3.27.1",
+    "@tiptap/core": "3.27.3",
+    "@tiptap/extension-collaboration": "3.27.3",
+    "@tiptap/extension-collaboration-caret": "3.27.3",
+    "@tiptap/extension-color": "3.27.3",
+    "@tiptap/extension-drag-handle-react": "3.27.3",
+    "@tiptap/extension-highlight": "3.27.3",
+    "@tiptap/extension-horizontal-rule": "3.27.3",
+    "@tiptap/extension-image": "3.27.3",
+    "@tiptap/extension-link": "3.27.3",
+    "@tiptap/extension-list": "3.27.3",
+    "@tiptap/extension-placeholder": "3.27.3",
+    "@tiptap/extension-strike": "3.27.3",
+    "@tiptap/extension-subscript": "3.27.3",
+    "@tiptap/extension-superscript": "3.27.3",
+    "@tiptap/extension-table": "3.27.3",
+    "@tiptap/extension-table-cell": "3.27.3",
+    "@tiptap/extension-table-header": "3.27.3",
+    "@tiptap/extension-table-row": "3.27.3",
+    "@tiptap/extension-text-align": "3.27.3",
+    "@tiptap/extension-text-style": "3.27.3",
+    "@tiptap/extension-youtube": "3.27.3",
+    "@tiptap/pm": "3.27.3",
+    "@tiptap/react": "3.27.3",
+    "@tiptap/starter-kit": "3.27.3",
     "@tuturuuu/ai": "0.2.2",
-    "@tuturuuu/apis": "0.7.2",
+    "@tuturuuu/apis": "0.9.0",
     "@tuturuuu/hooks": "0.0.2",
     "@tuturuuu/icons": "0.0.6",
-    "@tuturuuu/internal-api": "0.15.0",
+    "@tuturuuu/internal-api": "0.17.0",
     "@tuturuuu/supabase": "0.4.0",
-    "@tuturuuu/utils": "0.13.0",
+    "@tuturuuu/utils": "0.15.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -104,14 +104,14 @@
     "eventemitter3": "^5.0.4",
     "framer-motion": "^12.42.2",
     "gsap": "^3.15.0",
-    "html2canvas-pro": "^2.2.1",
+    "html2canvas-pro": "^2.2.3",
     "input-otp": "^1.4.2",
     "katex": "^0.17.0",
     "lodash": "4.18.1",
     "moment": "^2.30.1",
     "motion": "^12.42.2",
     "next": "^16.3.0-preview.5",
-    "next-intl": "^4.13.1",
+    "next-intl": "^4.13.2",
     "next-themes": "^0.4.6",
     "nuqs": "^2.9.0",
     "prosemirror-state": "^1.4.4",
@@ -121,20 +121,20 @@
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.7",
     "react-dropzone": "^15.0.0",
-    "react-hook-form": "^7.80.0",
+    "react-hook-form": "^7.81.0",
     "react-markdown": "^10.1.0",
     "react-papaparse": "^4.4.0",
     "react-pdf": "^10.4.1",
     "react-resizable": "^4.0.2",
-    "react-resizable-panels": "^4.12.0",
+    "react-resizable-panels": "^4.12.1",
     "react-syntax-highlighter": "^16.1.1",
-    "recharts": "3.9.1",
+    "recharts": "3.9.2",
     "sonner": "^2.0.7",
     "streamdown": "^2.5.0",
     "tailwind-scrollbar": "^4.0.2",
     "tailwind-scrollbar-hide": "^4.0.0",
     "tailwindcss-animate": "^1.0.7",
-    "tiptap-extension-resize-image": "^1.4.3",
+    "tiptap-extension-resize-image": "^1.4.4",
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2",
     "xlsx": "file:vendor/xlsx-0.20.3.tgz",
@@ -149,11 +149,11 @@
     "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@tuturuuu/types": "0.14.0",
+    "@tuturuuu/types": "0.16.0",
     "@tuturuuu/typescript-config": "0.1.1",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.24",
-    "@types/node": "^26.0.1",
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/react-resizable": "^4.0.0",
@@ -162,12 +162,12 @@
     "@vitejs/plugin-react": "^6.0.3",
     "autoprefixer": "^10.5.2",
     "jsdom": "^29.1.1",
-    "postcss": "^8.5.16",
+    "postcss": "^8.5.17",
     "postcss-load-config": "^6.0.1",
     "tailwindcss": "^4.3.2",
-    "typescript": "7.0.1-rc",
+    "typescript": "7.0.2",
     "uuid": "^14.0.1",
-    "vitest": "^4.1.9"
+    "vitest": "^4.1.10"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.101.2",

package/src/components/ui/custom/__tests__/settings-dialog-shell.test.tsx

@@ -46,6 +46,7 @@ const navItems: SettingsNavGroup[] = [
       },
       {
         description: 'Forms settings',
+        hideContentHeader: true,
         icon: TestIcon,
         label: 'Forms',
         name: 'forms',
@@ -167,4 +168,15 @@ describe('SettingsDialogShell keyboard navigation', () => {
 
     expect(screen.getByTestId('active-tab')).toHaveTextContent('profile');
   });
+
+  it('can hide the shell content header for page-like settings sections', () => {
+    renderShell();
+
+    const dialog = screen.getByRole('dialog');
+    fireEvent.keyDown(dialog, { altKey: true, key: 'End' });
+
+    expect(screen.getByTestId('active-tab')).toHaveTextContent('forms');
+    expect(screen.getAllByText('Forms').length).toBeGreaterThan(0);
+    expect(screen.queryByText('Forms settings')).not.toBeInTheDocument();
+  });
 });

package/src/components/ui/custom/__tests__/sidebar-context.test.tsx

@@ -1,9 +1,9 @@
 import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { afterEach, describe, expect, it, vi } from 'vitest';
 import {
+  getSidebarCookieOptions,
   SIDEBAR_BEHAVIOR_COOKIE_NAME,
   SIDEBAR_BEHAVIOR_UPDATED_AT_COOKIE_NAME,
-  SIDEBAR_COOKIE_OPTIONS,
   SidebarProvider,
   useSidebar,
 } from '../sidebar-context';
@@ -24,9 +24,12 @@ function SidebarHarness() {
   const { behavior, handleBehaviorChange } = useSidebar();
 
   return (
-    <button type="button" onClick={() => handleBehaviorChange('collapsed')}>
-      {behavior}
-    </button>
+    <div>
+      <button type="button" onClick={() => handleBehaviorChange('collapsed')}>
+        {behavior}
+      </button>
+      <input aria-label="editable target" />
+    </div>
   );
 }
 
@@ -53,12 +56,96 @@ describe('SidebarProvider', () => {
     expect(mockSetCookie).toHaveBeenCalledWith(
       SIDEBAR_BEHAVIOR_COOKIE_NAME,
       'collapsed',
-      SIDEBAR_COOKIE_OPTIONS
+      getSidebarCookieOptions()
     );
     expect(mockSetCookie).toHaveBeenCalledWith(
       SIDEBAR_BEHAVIOR_UPDATED_AT_COOKIE_NAME,
       '1234567890',
-      SIDEBAR_COOKIE_OPTIONS
+      getSidebarCookieOptions()
+    );
+  });
+
+  it('toggles expanded and collapsed with Cmd/Ctrl+B', async () => {
+    vi.spyOn(Date, 'now').mockReturnValue(1_234_567_891);
+
+    render(
+      <SidebarProvider initialBehavior="expanded">
+        <SidebarHarness />
+      </SidebarProvider>
+    );
+
+    fireEvent.keyDown(window, { key: 'b', ctrlKey: true });
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'collapsed' })).toBeVisible()
+    );
+    expect(mockSetCookie).toHaveBeenCalledWith(
+      SIDEBAR_BEHAVIOR_COOKIE_NAME,
+      'collapsed',
+      getSidebarCookieOptions()
+    );
+
+    fireEvent.keyDown(window, { key: 'b', metaKey: true });
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'expanded' })).toBeVisible()
+    );
+  });
+
+  it('hides the sidebar with Cmd/Ctrl+Alt+B', async () => {
+    vi.spyOn(Date, 'now').mockReturnValue(1_234_567_892);
+
+    render(
+      <SidebarProvider initialBehavior="expanded">
+        <SidebarHarness />
+      </SidebarProvider>
+    );
+
+    fireEvent.keyDown(window, { key: 'b', altKey: true, ctrlKey: true });
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'hidden' })).toBeVisible()
+    );
+    expect(mockSetCookie).toHaveBeenCalledWith(
+      SIDEBAR_BEHAVIOR_COOKIE_NAME,
+      'hidden',
+      getSidebarCookieOptions()
+    );
+  });
+
+  it('changes hidden to collapsed with Cmd/Ctrl+B', async () => {
+    vi.spyOn(Date, 'now').mockReturnValue(1_234_567_893);
+
+    render(
+      <SidebarProvider initialBehavior="hidden">
+        <SidebarHarness />
+      </SidebarProvider>
+    );
+
+    fireEvent.keyDown(window, { key: 'b', ctrlKey: true });
+
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'collapsed' })).toBeVisible()
+    );
+  });
+
+  it('ignores sidebar hotkeys from editable targets', () => {
+    render(
+      <SidebarProvider initialBehavior="expanded">
+        <SidebarHarness />
+      </SidebarProvider>
+    );
+
+    fireEvent.keyDown(screen.getByLabelText('editable target'), {
+      key: 'b',
+      ctrlKey: true,
+    });
+
+    expect(screen.getByRole('button', { name: 'expanded' })).toBeVisible();
+    expect(mockSetCookie).not.toHaveBeenCalledWith(
+      SIDEBAR_BEHAVIOR_COOKIE_NAME,
+      'collapsed',
+      expect.anything()
     );
   });
 });

package/src/components/ui/custom/loading-statistic-card.tsx

@@ -0,0 +1,18 @@
+import { cn } from '@tuturuuu/utils/format';
+
+interface Props {
+  className?: string;
+}
+
+export default function LoadingStatisticCard({ className }: Props) {
+  return (
+    <div className={cn('group animate-pulse rounded-lg border', className)}>
+      <div className="p-1 text-center font-semibold text-lg text-transparent">
+        ...
+      </div>
+      <div className="m-2 mt-0 flex items-center justify-center rounded border border-foreground/5 bg-foreground/5 p-4 font-bold text-2xl text-transparent">
+        ...
+      </div>
+    </div>
+  );
+}

package/src/components/ui/custom/notification-popover-client.tsx

@@ -110,19 +110,23 @@ export default function NotificationPopoverClient({
     : undefined;
 
   // Accurate unread count from dedicated endpoint
-  const { data: unreadCount = 0 } = useUnreadCount(wsIdForFiltering);
+  const { data: unreadCount = 0 } = useUnreadCount(wsIdForFiltering, {
+    enabled: Boolean(userId),
+  });
 
   // Infinite scroll for inbox (unread) and archive (read)
   const inboxQuery = useInfiniteNotifications({
     wsId: wsIdForFiltering,
     unreadOnly: true,
     pageSize: 15,
+    enabled: Boolean(userId) && open && activeTab === 'inbox',
   });
 
   const archiveQuery = useInfiniteNotifications({
     wsId: wsIdForFiltering,
     readOnly: true,
     pageSize: 15,
+    enabled: Boolean(userId) && open && activeTab === 'archive',
   });
 
   const markAllAsRead = useMarkAllAsRead();

package/src/components/ui/custom/settings/keyboard-shortcuts-settings.test.tsx

@@ -0,0 +1,34 @@
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { KeyboardShortcutsSettings } from './keyboard-shortcuts-settings';
+
+vi.mock('next-intl', () => ({
+  useTranslations:
+    (namespace?: string) =>
+    (key: string): string =>
+      namespace ? `${namespace}.${key}` : key,
+}));
+
+vi.mock('@tuturuuu/utils/hooks/use-platform', () => ({
+  usePlatform: () => ({
+    modKey: 'Ctrl',
+    modKeyAlt: 'Alt',
+  }),
+}));
+
+describe('KeyboardShortcutsSettings', () => {
+  it('renders sidebar shortcut rows with platform-aware key labels', () => {
+    render(<KeyboardShortcutsSettings />);
+
+    expect(
+      screen.getByText('settings.keyboard_shortcuts.toggle_sidebar')
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText('settings.keyboard_shortcuts.hide_sidebar')
+    ).toBeInTheDocument();
+    expect(screen.getAllByText('Ctrl').length).toBeGreaterThanOrEqual(3);
+    expect(screen.getAllByText('Alt').length).toBeGreaterThanOrEqual(1);
+    expect(screen.getAllByText('B')).toHaveLength(2);
+  });
+});

package/src/components/ui/custom/settings/keyboard-shortcuts-settings.tsx

@@ -0,0 +1,106 @@
+'use client';
+
+import { Kbd } from '@tuturuuu/ui/kbd';
+import { usePlatform } from '@tuturuuu/utils/hooks/use-platform';
+import { useTranslations } from 'next-intl';
+
+interface ShortcutRow {
+  label: string;
+  keys: string[][];
+}
+
+function ShortcutKeys({ sequences }: { sequences: string[][] }) {
+  return (
+    <div className="flex flex-wrap items-center justify-end gap-2">
+      {sequences.map((sequence) => (
+        <div
+          className="inline-flex items-center gap-1"
+          key={sequence.join('+')}
+        >
+          {sequence.map((key) => (
+            <Kbd key={key}>{key}</Kbd>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function ShortcutGroup({
+  rows,
+  title,
+}: {
+  rows: ShortcutRow[];
+  title: string;
+}) {
+  return (
+    <section className="space-y-3">
+      <h3 className="font-medium text-sm">{title}</h3>
+      <div className="divide-y rounded-md border">
+        {rows.map((row) => (
+          <div
+            className="grid min-h-12 grid-cols-[minmax(0,1fr)_auto] items-center gap-4 px-3 py-2"
+            key={row.label}
+          >
+            <span className="text-sm">{row.label}</span>
+            <ShortcutKeys sequences={row.keys} />
+          </div>
+        ))}
+      </div>
+    </section>
+  );
+}
+
+export function KeyboardShortcutsSettings() {
+  const t = useTranslations('settings.keyboard_shortcuts');
+  const { modKey, modKeyAlt } = usePlatform();
+
+  const globalRows: ShortcutRow[] = [
+    {
+      label: t('open_settings'),
+      keys: [[modKey, ',']],
+    },
+    {
+      label: t('toggle_sidebar'),
+      keys: [[modKey, 'B']],
+    },
+    {
+      label: t('hide_sidebar'),
+      keys: [[modKey, modKeyAlt, 'B']],
+    },
+  ];
+
+  const dialogRows: ShortcutRow[] = [
+    {
+      label: t('search_settings'),
+      keys: [[modKey, 'F'], ['/']],
+    },
+    {
+      label: t('next_section'),
+      keys: [[modKeyAlt, 'Arrow Down']],
+    },
+    {
+      label: t('previous_section'),
+      keys: [[modKeyAlt, 'Arrow Up']],
+    },
+    {
+      label: t('first_section'),
+      keys: [[modKeyAlt, 'Home']],
+    },
+    {
+      label: t('last_section'),
+      keys: [[modKeyAlt, 'End']],
+    },
+    {
+      label: t('close_settings'),
+      keys: [['Esc']],
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <ShortcutGroup rows={globalRows} title={t('global')} />
+      <ShortcutGroup rows={dialogRows} title={t('settings_dialog')} />
+    </div>
+  );
+}