@tuturuuu/ui 0.19.1 → 0.20.1

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog
 
+## [0.20.1](https://github.com/tutur3u/platform/compare/ui-v0.20.0...ui-v0.20.1) (2026-07-27)
+
+
+### Bug Fixes
+
+* **auth:** resume a pending sign-in after switching accounts ([5403718](https://github.com/tutur3u/platform/commit/54037189ee895863eac621239eb54b8ea94c6ed0))
+* **tasks:** quiet the description toolbar and name the compact action honestly ([51838a0](https://github.com/tutur3u/platform/commit/51838a08a1875a44cd4c7f539b35203f890e1a39))
+* **tasks:** show one skeleton per task dialog open ([944288b](https://github.com/tutur3u/platform/commit/944288bdc869ee80b3cdf537ee10feb17fdada22))
+* **tasks:** stop the task dialog remounting after it opens ([9a423da](https://github.com/tutur3u/platform/commit/9a423daf7e7c1e901a63ddcc1a8a94ddff9192c9))
+* **workspaces:** propagate a workspace rename without a page reload ([cca0b2d](https://github.com/tutur3u/platform/commit/cca0b2d7e14f6d72f1fdda1deaac18aaf07e9eee))
+
+## [0.20.0](https://github.com/tutur3u/platform/compare/ui-v0.19.1...ui-v0.20.0) (2026-07-25)
+
+
+### Features
+
+* **inventory:** secure Square POS event checkout ([532b463](https://github.com/tutur3u/platform/commit/532b46372116ee0bebfd83ba2af762cc9f668c3c))
+* **landing:** retile the app bento and rebuild the problem section ([c56f42a](https://github.com/tutur3u/platform/commit/c56f42adf754362a269ff08b380db1ee0cf8c6ca))
+* **offline:** own service worker runtime and refresh dependencies ([ae44477](https://github.com/tutur3u/platform/commit/ae44477603c39f0513244514771653287338a89f))
+* **reports:** add periodic reporting automation ([ec7bd5e](https://github.com/tutur3u/platform/commit/ec7bd5e10abb137e217d1dcf143624530276392f))
+* **ui:** align landing and locale experience ([aa6e47f](https://github.com/tutur3u/platform/commit/aa6e47f17356ce74111ccf130e8b17071cc7aadf))
+* **web:** improve workspace navigation context ([73959e3](https://github.com/tutur3u/platform/commit/73959e3c6745f60513d23740f30024c5d24e7ee4))
+* **web:** redesign marketing landing page ([13ede78](https://github.com/tutur3u/platform/commit/13ede784ac03af9f25bbb7df61095826c335e002))
+* **web:** refine marketing experience ([c7f1cec](https://github.com/tutur3u/platform/commit/c7f1cec0dd667e6d5f59aaf0bab82069b79c7376))
+
+
+### Bug Fixes
+
+* **platform:** improve satellite workspace routing ([0c49c48](https://github.com/tutur3u/platform/commit/0c49c4882d26704fb16ba94ee289ab0af7deb4de))
+* **platform:** persist settings dialog state ([04d2128](https://github.com/tutur3u/platform/commit/04d212807b6fabf33f43743c0b779ba9499334ba))
+* **settings:** harden workspace role management ([0570687](https://github.com/tutur3u/platform/commit/0570687d255698e438d1eb02262ec0fa7c56240f))
+* **settings:** repair satellite workspace management ([63614cd](https://github.com/tutur3u/platform/commit/63614cdd1550cbf7084724dbed728e798b6f979c))
+* **tasks:** restore task description on deep-link opens ([56d4efa](https://github.com/tutur3u/platform/commit/56d4efabd2f036e7dae39588d8aed7b129fa9a11))
+* **ui:** make member management mobile responsive ([104c812](https://github.com/tutur3u/platform/commit/104c8120949ef34bfdc48da74fdc0e2d35eb4ce7))
+* **ui:** refine member access settings ([b5b1ebf](https://github.com/tutur3u/platform/commit/b5b1ebf49a4a3b93532da74357899927f6e5d988))
+* **ui:** unify workspace access and sidebar controls ([450183e](https://github.com/tutur3u/platform/commit/450183ef78af8e09a386bebb93be7018379c5152))
+* **web:** harden prerender client boundaries ([ab1596a](https://github.com/tutur3u/platform/commit/ab1596a769e5a6ae43b0247c651ecbecea52d20d))
+* **workspaces:** repair shared member administration ([8a1515b](https://github.com/tutur3u/platform/commit/8a1515ba970adbe690b9d92f77a447adb93c339f))
+
 ## [0.19.1](https://github.com/tutur3u/platform/compare/ui-v0.19.0...ui-v0.19.1) (2026-07-21)
 
 

package/biome.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.19.1",
+  "version": "0.20.1",
   "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.17",
-    "@radix-ui/react-alert-dialog": "^1.1.20",
-    "@radix-ui/react-aspect-ratio": "^1.1.12",
-    "@radix-ui/react-avatar": "^1.2.3",
-    "@radix-ui/react-checkbox": "^1.3.8",
-    "@radix-ui/react-collapsible": "^1.1.17",
-    "@radix-ui/react-context-menu": "^2.3.4",
-    "@radix-ui/react-dialog": "^1.1.20",
-    "@radix-ui/react-dropdown-menu": "^2.1.21",
-    "@radix-ui/react-hover-card": "^1.1.20",
-    "@radix-ui/react-label": "^2.1.12",
-    "@radix-ui/react-menubar": "^1.1.21",
-    "@radix-ui/react-navigation-menu": "^1.2.19",
-    "@radix-ui/react-popover": "^1.1.20",
-    "@radix-ui/react-progress": "^1.1.13",
-    "@radix-ui/react-radio-group": "^1.4.4",
-    "@radix-ui/react-scroll-area": "^1.2.15",
-    "@radix-ui/react-select": "^2.3.4",
-    "@radix-ui/react-separator": "^1.1.12",
-    "@radix-ui/react-slider": "^1.4.4",
-    "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.4",
-    "@radix-ui/react-tabs": "^1.1.18",
-    "@radix-ui/react-toast": "^1.2.20",
-    "@radix-ui/react-toggle": "^1.1.15",
-    "@radix-ui/react-toggle-group": "^1.1.16",
-    "@radix-ui/react-tooltip": "^1.2.13",
+    "@radix-ui/react-accordion": "^1.2.18",
+    "@radix-ui/react-alert-dialog": "^1.1.21",
+    "@radix-ui/react-aspect-ratio": "^1.1.13",
+    "@radix-ui/react-avatar": "^1.2.4",
+    "@radix-ui/react-checkbox": "^1.3.9",
+    "@radix-ui/react-collapsible": "^1.1.18",
+    "@radix-ui/react-context-menu": "^2.3.5",
+    "@radix-ui/react-dialog": "^1.1.21",
+    "@radix-ui/react-dropdown-menu": "^2.1.22",
+    "@radix-ui/react-hover-card": "^1.1.21",
+    "@radix-ui/react-label": "^2.1.13",
+    "@radix-ui/react-menubar": "^1.1.22",
+    "@radix-ui/react-navigation-menu": "^1.2.20",
+    "@radix-ui/react-popover": "^1.1.21",
+    "@radix-ui/react-progress": "^1.1.14",
+    "@radix-ui/react-radio-group": "^1.4.5",
+    "@radix-ui/react-scroll-area": "^1.2.16",
+    "@radix-ui/react-select": "^2.3.5",
+    "@radix-ui/react-separator": "^1.1.13",
+    "@radix-ui/react-slider": "^1.4.5",
+    "@radix-ui/react-slot": "^1.3.1",
+    "@radix-ui/react-switch": "^1.3.5",
+    "@radix-ui/react-tabs": "^1.1.19",
+    "@radix-ui/react-toast": "^1.2.21",
+    "@radix-ui/react-toggle": "^1.1.16",
+    "@radix-ui/react-toggle-group": "^1.1.17",
+    "@radix-ui/react-tooltip": "^1.2.14",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
     "@streamdown/math": "^1.0.2",
@@ -59,7 +59,7 @@
     "@tanstack/react-pacer": "^0.22.1",
     "@tanstack/react-query": "^5.101.2",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.6",
+    "@tanstack/react-virtual": "^3.14.8",
     "@tiptap/core": "3.28.0",
     "@tiptap/extension-collaboration": "3.28.0",
     "@tiptap/extension-collaboration-caret": "3.28.0",
@@ -86,13 +86,13 @@
     "@tiptap/pm": "3.28.0",
     "@tiptap/react": "3.28.0",
     "@tiptap/starter-kit": "3.28.0",
-    "@tuturuuu/ai": "0.3.0",
-    "@tuturuuu/apis": "0.9.2",
-    "@tuturuuu/hooks": "0.0.2",
-    "@tuturuuu/icons": "0.0.6",
-    "@tuturuuu/internal-api": "0.20.0",
-    "@tuturuuu/supabase": "0.4.1",
-    "@tuturuuu/utils": "0.17.0",
+    "@tuturuuu/ai": "0.4.0",
+    "@tuturuuu/apis": "0.10.0",
+    "@tuturuuu/hooks": "0.1.0",
+    "@tuturuuu/icons": "0.1.0",
+    "@tuturuuu/internal-api": "0.22.0",
+    "@tuturuuu/supabase": "0.5.0",
+    "@tuturuuu/utils": "0.18.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -100,29 +100,29 @@
     "cookies-next": "^6.1.1",
     "date-fns": "^4.4.0",
     "date-fns-tz": "^3.2.0",
-    "dayjs": "^1.11.20",
+    "dayjs": "^1.11.21",
     "debug": "^4.4.3",
     "embla-carousel-react": "^8.6.0",
     "eventemitter3": "^5.0.4",
     "framer-motion": "^12.42.2",
     "gsap": "^3.15.0",
-    "html2canvas-pro": "^2.2.4",
+    "html2canvas-pro": "^2.3.1",
     "input-otp": "^1.4.2",
     "katex": "^0.18.1",
     "lodash": "4.18.1",
     "moment": "^2.30.1",
     "motion": "^12.42.2",
-    "next": "^16.3.0-preview.6",
-    "next-intl": "^4.13.2",
+    "next": "^16.3.0-preview.9",
+    "next-intl": "^4.13.4",
     "next-themes": "^0.4.6",
     "nuqs": "^2.9.1",
     "prosemirror-state": "^1.4.4",
     "prosemirror-view": "1.42.1",
     "qrcode.react": "^4.2.0",
-    "react": "^19.2.7",
+    "react": "^19.2.8",
     "react-colorful": "^5.8.0",
     "react-day-picker": "^10.0.1",
-    "react-dom": "^19.2.7",
+    "react-dom": "^19.2.8",
     "react-dropzone": "^19.1.1",
     "react-hook-form": "^7.82.0",
     "react-markdown": "^10.1.0",
@@ -131,7 +131,7 @@
     "react-resizable": "^4.0.2",
     "react-resizable-panels": "^4.12.2",
     "react-syntax-highlighter": "^16.1.1",
-    "recharts": "3.9.2",
+    "recharts": "3.10.0",
     "slot-text": "^0.3.3",
     "sonner": "^2.0.7",
     "streamdown": "^2.5.0",
@@ -148,11 +148,11 @@
   "devDependencies": {
     "@tailwindcss/postcss": "^4.3.3",
     "@tailwindcss/typography": "^0.5.20",
-    "@tanstack/react-query": "^5.101.2",
+    "@tanstack/react-query": "^5.101.4",
     "@tanstack/react-table": "^8.21.3",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.2",
-    "@tuturuuu/types": "0.19.0",
+    "@tuturuuu/types": "0.21.0",
     "@tuturuuu/typescript-config": "0.1.1",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.24",
@@ -162,10 +162,10 @@
     "@types/react-resizable": "^4.0.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/uuid": "^11.0.0",
-    "@vitejs/plugin-react": "^6.0.3",
+    "@vitejs/plugin-react": "^6.0.4",
     "autoprefixer": "^10.5.4",
     "jsdom": "^29.1.1",
-    "postcss": "^8.5.20",
+    "postcss": "^8.5.22",
     "postcss-load-config": "^6.0.1",
     "tailwindcss": "^4.3.3",
     "typescript": "7.0.2",
@@ -274,6 +274,10 @@
       "types": "./src/components/ui/custom/sidebar-context.tsx",
       "import": "./src/components/ui/custom/sidebar-context.tsx"
     },
+    "./custom/animated-slot-text": {
+      "types": "./src/components/ui/custom/animated-slot-text.tsx",
+      "import": "./src/components/ui/custom/animated-slot-text.tsx"
+    },
     "./custom/nav": {
       "types": "./src/components/ui/custom/nav.tsx",
       "import": "./src/components/ui/custom/nav.tsx"
@@ -294,6 +298,10 @@
       "types": "./src/components/ui/custom/language-dropdown-wrapper.tsx",
       "import": "./src/components/ui/custom/language-dropdown-wrapper.tsx"
     },
+    "./custom/locale-preference": {
+      "types": "./src/components/ui/custom/locale-preference.ts",
+      "import": "./src/components/ui/custom/locale-preference.ts"
+    },
     "./custom/system-language-dropdown-item": {
       "types": "./src/components/ui/custom/system-language-dropdown-item.tsx",
       "import": "./src/components/ui/custom/system-language-dropdown-item.tsx"

package/src/components/ui/badge.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Slot } from '@radix-ui/react-slot';
 import { cn } from '@tuturuuu/utils/format';
 import { cva, type VariantProps } from 'class-variance-authority';

package/src/components/ui/button.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Slot } from '@radix-ui/react-slot';
 import { cn } from '@tuturuuu/utils/format';
 import { cva, type VariantProps } from 'class-variance-authority';

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

@@ -1,6 +1,10 @@
 import '@testing-library/jest-dom';
-import { fireEvent, render, screen } from '@testing-library/react';
-import { useState } from 'react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import {
+  type OnUrlUpdateFunction,
+  withNuqsTestingAdapter,
+} from 'nuqs/adapters/testing';
+import { type ReactNode, useState } from 'react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { Dialog } from '../../dialog';
 import {
@@ -55,7 +59,13 @@ const navItems: SettingsNavGroup[] = [
   },
 ];
 
-function renderShell() {
+function renderShell(
+  activeGroupBreadcrumb?: ReactNode,
+  options?: {
+    onUrlUpdate?: OnUrlUpdateFunction;
+    searchParams?: string;
+  }
+) {
   function Harness() {
     const [activeTab, setActiveTab] = useState('profile');
 
@@ -63,6 +73,7 @@ function renderShell() {
       <Dialog open>
         <SettingsDialogShell
           activeTab={activeTab}
+          activeGroupBreadcrumb={activeGroupBreadcrumb}
           keyboardNavigation
           navItems={navItems}
           onActiveTabChange={setActiveTab}
@@ -74,7 +85,9 @@ function renderShell() {
     );
   }
 
-  return render(<Harness />);
+  return render(<Harness />, {
+    wrapper: withNuqsTestingAdapter(options),
+  });
 }
 
 describe('SettingsDialogShell keyboard navigation', () => {
@@ -148,6 +161,17 @@ describe('SettingsDialogShell keyboard navigation', () => {
     expect(screen.getByText('Forms')).toBeVisible();
   });
 
+  it('can replace the active group crumb with an interactive context control', () => {
+    renderShell(<button type="button">Switch workspace</button>);
+
+    const breadcrumb = screen.getByTestId('settings-active-group-breadcrumb');
+
+    expect(breadcrumb).toContainElement(
+      screen.getByRole('button', { name: 'Switch workspace' })
+    );
+    expect(breadcrumb).not.toHaveTextContent('Account');
+  });
+
   it('focuses settings search with slash and modifier search shortcuts', () => {
     renderShell();
 
@@ -185,6 +209,26 @@ describe('SettingsDialogShell keyboard navigation', () => {
     expect(activeTab).toHaveTextContent('profile');
   });
 
+  it('restores the active section from the URL and persists tab changes', async () => {
+    const onUrlUpdate = vi.fn<OnUrlUpdateFunction>();
+
+    renderShell(undefined, {
+      onUrlUpdate,
+      searchParams: '?settingsDialog=open&settingsTab=appearance',
+    });
+
+    await waitFor(() =>
+      expect(screen.getByTestId('active-tab')).toHaveTextContent('appearance')
+    );
+
+    fireEvent.click(screen.getAllByText('Profile')[0]!);
+
+    await waitFor(() => {
+      const update = onUrlUpdate.mock.calls.at(-1)?.[0];
+      expect(update?.searchParams.get('settingsTab')).toBe('profile');
+    });
+  });
+
   it('does not handle navigation shortcuts outside the dialog content', () => {
     renderShell();
 

package/src/components/ui/custom/__tests__/workspace-select-helpers.test.ts

@@ -75,9 +75,31 @@ describe('mergeWorkspaceSelectWorkspaces', () => {
       "t('common.join_workspace_action')"
     );
   });
+
+  it('supports a modal popover so nested settings pickers remain scrollable', () => {
+    const workspaceSelectSource = readFileSync(
+      join(process.cwd(), 'src/components/ui/custom/workspace-select.tsx'),
+      'utf8'
+    );
+
+    expect(workspaceSelectSource).toContain('popoverModal = false');
+    expect(workspaceSelectSource).toContain('<Popover modal={popoverModal}');
+  });
 });
 
 describe('normalizeWorkspaceSwitchPath', () => {
+  it('lands on tasks when switching workspace from a canonical task board detail route', () => {
+    expect(
+      normalizeWorkspaceSwitchPath('/personal/boards/board-1', 'personal')
+    ).toBe('/personal/tasks');
+  });
+
+  it('lands on tasks when switching workspace from the canonical task boards index', () => {
+    expect(normalizeWorkspaceSwitchPath('/personal/boards', 'personal')).toBe(
+      '/personal/tasks'
+    );
+  });
+
   it('lands on tasks when switching workspace from a task board detail route', () => {
     expect(
       normalizeWorkspaceSwitchPath('/personal/tasks/boards/board-1', 'personal')

package/src/components/ui/custom/animated-slot-text.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import { cn } from '@tuturuuu/utils/format';
+import { SlotText } from 'slot-text/react';
+
+export function AnimatedSlotText({
+  className,
+  text,
+}: {
+  className?: string;
+  text: string;
+}) {
+  return (
+    <SlotText
+      className={cn('line-clamp-1 break-all', className)}
+      options={{ bounce: 0.1, duration: 180, stagger: 12 }}
+      text={text}
+    />
+  );
+}