@tuturuuu/ui 0.37.0 → 0.37.2

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog
 
+## [0.37.2](https://github.com/tutur3u/platform/compare/ui-v0.37.1...ui-v0.37.2) (2026-10-02)
+
+
+### Bug Fixes
+
+* **calendar:** bind source color hydration to persisted identity ([00269c3](https://github.com/tutur3u/platform/commit/00269c315cd2ac8e1c9607f450100db8537cada2))
+* **calendar:** preserve month hover color contrast ([6fd591c](https://github.com/tutur3u/platform/commit/6fd591c46f4c90d6f4c685c63b140728dd0339fe))
+* **calendar:** preserve opaque rendering cues and hydrate source colors ([33847dd](https://github.com/tutur3u/platform/commit/33847ddcd8a3cf2b5cef8ebf50ca4c1700424a27))
+* **calendar:** preserve resolved contrast during event hover ([79001b3](https://github.com/tutur3u/platform/commit/79001b32ad1c813119f8f7df934e7142bbbd7585))
+* **calendar:** render opaque readable event colors ([#5694](https://github.com/tutur3u/platform/issues/5694)) ([6e3d81d](https://github.com/tutur3u/platform/commit/6e3d81d6fdd6f8155f12e36ede58d31fde0ac362))
+* **calendar:** restore timer restart and metadata color refresh ([58c17ff](https://github.com/tutur3u/platform/commit/58c17ff6a89624678cc207cd9551bc54f15f53d2)) ([#5722](https://github.com/tutur3u/platform/issues/5722)) ([8954e54](https://github.com/tutur3u/platform/commit/8954e5476fd04ada4cb846e909fa26b8a669cda3))
+
+## [0.37.1](https://github.com/tutur3u/platform/compare/ui-v0.37.0...ui-v0.37.1) (2026-10-01)
+
+
+### Bug Fixes
+
+* **calendar:** align calendar-day navigation and zoned query ranges ([e81a8be](https://github.com/tutur3u/platform/commit/e81a8be8edf2e46b2653bfcf30bc118d12984e88))
+* **calendar:** align date navigation and zoned query ranges ([#5654](https://github.com/tutur3u/platform/issues/5654)) ([f40288c](https://github.com/tutur3u/platform/commit/f40288c7cc817f71ca30f6ee5331efbf726c4ada))
+* **calendar:** format clock options without browser dates ([757709e](https://github.com/tutur3u/platform/commit/757709ecbf1070cfa3248ece54f9b9c66cd000c7))
+* **calendar:** honor resolved timezone in event picker ([eae3a25](https://github.com/tutur3u/platform/commit/eae3a25ec443fbb1fe51acf1c642a6b44e6c80f8)) ([#5648](https://github.com/tutur3u/platform/issues/5648)) ([7ccc4b3](https://github.com/tutur3u/platform/commit/7ccc4b356411744f5b90e55c35c1e6f759981d42))
+* **calendar:** preserve explicit time bounds and guard DST rollover ([56d746b](https://github.com/tutur3u/platform/commit/56d746b91e8c4d48c6c97ad88a32cab74f8457cc))
+* **calendar:** respect timezone in picker bounds and previews ([47720c7](https://github.com/tutur3u/platform/commit/47720c72d09545cd86d3d3814d4fb83f53848890))
+* **calendar:** type-check picker regression import ([60aef11](https://github.com/tutur3u/platform/commit/60aef114c7ad9b3b327befaee37798db1a98b9b6))
+* **calendar:** use calendar timezone for picker bounds and previews ([#5653](https://github.com/tutur3u/platform/issues/5653)) ([ea912c0](https://github.com/tutur3u/platform/commit/ea912c0fd89bf54ca073ae9c8b219a3696db4d19))
+
 ## [0.37.0](https://github.com/tutur3u/platform/compare/ui-v0.36.1...ui-v0.37.0) (2026-09-29)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.37.0",
+  "version": "0.37.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -91,9 +91,9 @@
     "@tuturuuu/apis": "0.13.0",
     "@tuturuuu/hooks": "0.1.2",
     "@tuturuuu/icons": "0.1.1",
-    "@tuturuuu/internal-api": "0.47.0",
+    "@tuturuuu/internal-api": "0.48.0",
     "@tuturuuu/supabase": "0.5.2",
-    "@tuturuuu/utils": "0.33.0",
+    "@tuturuuu/utils": "0.33.3",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -144,7 +144,7 @@
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2",
     "y-protocols": "^1.0.7",
-    "yjs": "^13.6.32",
+    "yjs": "^13.6.33",
     "zod": "^4.6.2"
   },
   "devDependencies": {
@@ -154,7 +154,7 @@
     "@tanstack/react-table": "^9.2.4",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@tuturuuu/types": "0.33.0",
+    "@tuturuuu/types": "0.33.1",
     "@tuturuuu/typescript-config": "0.1.2",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.25",
@@ -226,6 +226,8 @@
     "./hooks/*": "./src/hooks/*.ts",
     "./hooks/time-blocking-provider": "./src/hooks/time-blocking-provider.tsx",
     "./hooks/use-at-bottom": "./src/hooks/use-at-bottom.tsx",
+    "./hooks/use-calendar-day-zone": "./src/hooks/use-calendar-day-zone.tsx",
+    "./lib/calendar-day": "./src/lib/calendar-day.ts",
     "./hooks/use-calendar-preferences": "./src/hooks/use-calendar-preferences.tsx",
     "./hooks/use-calendar-sync": "./src/hooks/use-calendar-sync.tsx",
     "./hooks/use-calendar": "./src/hooks/use-calendar.tsx",

package/src/components/ui/custom/__tests__/workspace-picker-content.test.tsx

@@ -0,0 +1,181 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import type { InternalApiWorkspaceSummary } from '@tuturuuu/types';
+import { describe, expect, it, vi } from 'vitest';
+import type { useWorkspaceVisibility } from '../../../../hooks/use-workspace-visibility';
+import { Dialog } from '../../dialog';
+import { WorkspacePickerContent } from '../workspace-picker-content';
+
+vi.mock('next-intl', () => ({ useTranslations: () => (key: string) => key }));
+vi.mock('../workspace-select-icon', () => ({
+  WorkspaceIcon: () => <span aria-hidden="true" />,
+}));
+const one: InternalApiWorkspaceSummary = {
+  id: 'a',
+  name: 'Repeated name',
+  personal: false,
+  avatar_url: null,
+  logo_url: null,
+  tier: 'PRO',
+};
+const two: InternalApiWorkspaceSummary = { ...one, id: 'b' };
+const other: InternalApiWorkspaceSummary = {
+  ...one,
+  id: 'z',
+  name: 'Another workspace',
+};
+function visibility(overrides = {}) {
+  return {
+    known: true,
+    hiddenIds: [],
+    pending: new Set(),
+    isError: false,
+    updateError: null,
+    setHidden: vi.fn().mockResolvedValue(undefined),
+    refetch: vi.fn(),
+    ...overrides,
+  } as unknown as ReturnType<typeof useWorkspaceVisibility>;
+}
+describe('workspace sheet rendered identities', () => {
+  it('keeps floating create and search actions separate from workspace selection', () => {
+    const onCreate = vi.fn();
+    const onJoin = vi.fn();
+    const onSelect = vi.fn();
+    render(
+      <Dialog open>
+        <WorkspacePickerContent
+          workspaces={[one]}
+          visibility={visibility()}
+          onSelect={onSelect}
+          onCreate={onCreate}
+          onJoin={onJoin}
+        />
+      </Dialog>
+    );
+    const create = screen.getByRole('button', {
+      name: 'create_workspace_action',
+    });
+    const search = screen.getByRole('button', { name: 'search_workspace' });
+    expect(create.parentElement).toBe(search.parentElement);
+    expect(create.parentElement).toHaveClass('absolute');
+    fireEvent.click(create);
+    fireEvent.click(
+      screen.getByRole('button', { name: 'join_workspace_action' })
+    );
+    expect(onCreate).toHaveBeenCalledOnce();
+    expect(onJoin).toHaveBeenCalledOnce();
+    expect(onSelect).not.toHaveBeenCalled();
+  });
+  it('focuses search when opened and clears the current filtered query', async () => {
+    render(
+      <Dialog open>
+        <WorkspacePickerContent
+          workspaces={[one, other]}
+          visibility={visibility()}
+          onSelect={vi.fn()}
+        />
+      </Dialog>
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'search_workspace' }));
+    const input = screen.getByRole('textbox', { name: 'search_workspace' });
+    await waitFor(() => expect(document.activeElement).toBe(input));
+    fireEvent.change(input, { target: { value: 'Repeated' } });
+    expect(screen.queryByText('Another workspace')).toBeNull();
+    fireEvent.click(screen.getByRole('button', { name: 'clear_search' }));
+    expect(input).toHaveValue('');
+    expect(document.activeElement).toBe(input);
+    expect(screen.getByText('Another workspace')).toBeInTheDocument();
+  });
+  it('provides fullscreen scrollable modal content with trapped focus and Escape close', async () => {
+    const onOpenChange = vi.fn();
+    render(
+      <>
+        <input aria-label="Outside picker" />
+        <Dialog open onOpenChange={onOpenChange}>
+          <WorkspacePickerContent
+            workspaces={[one]}
+            visibility={visibility()}
+            onSelect={vi.fn()}
+          />
+        </Dialog>
+      </>
+    );
+    const dialog = screen.getByRole('dialog');
+    expect(dialog).toHaveClass('inset-0', 'h-dvh', 'overflow-hidden');
+    const row = screen.getByRole('button', { name: 'Repeated name PRO' });
+    expect(row.closest('.overflow-y-auto')).not.toBeNull();
+    const outside = screen.getByLabelText('Outside picker');
+    outside.focus();
+    await waitFor(() =>
+      expect(dialog.contains(document.activeElement)).toBe(true)
+    );
+    fireEvent.keyDown(document.activeElement ?? dialog, { key: 'Escape' });
+    await waitFor(() => expect(onOpenChange).toHaveBeenCalledWith(false));
+  });
+  it('selects refreshed filtered objects with duplicate names and reordered input', () => {
+    const onSelect = vi.fn();
+    const state = visibility();
+    const { rerender } = render(
+      <Dialog open>
+        <WorkspacePickerContent
+          workspaces={[other, two, one]}
+          visibility={state}
+          onSelect={onSelect}
+        />
+      </Dialog>
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'search_workspace' }));
+    fireEvent.change(screen.getByRole('textbox'), {
+      target: { value: 'Repeated' },
+    });
+    expect(screen.queryByText('Another workspace')).toBeNull();
+    const updated = { ...two, tier: 'ENTERPRISE' as const };
+    rerender(
+      <Dialog open>
+        <WorkspacePickerContent
+          workspaces={[one, other, updated]}
+          visibility={state}
+          onSelect={onSelect}
+        />
+      </Dialog>
+    );
+    fireEvent.click(
+      screen.getByRole('button', { name: 'Repeated name ENTERPRISE' })
+    );
+    expect(onSelect).toHaveBeenCalledWith(updated);
+  });
+  it('restores only the hidden ID without selecting a current/default scope', () => {
+    const state = visibility({ hiddenIds: ['b'] });
+    const onSelect = vi.fn();
+    render(
+      <Dialog open>
+        <WorkspacePickerContent
+          restoreOnly
+          workspaces={[one, two, other]}
+          visibility={state}
+          onSelect={onSelect}
+        />
+      </Dialog>
+    );
+    fireEvent.click(
+      screen.getByRole('button', { name: 'restore_workspace: Repeated name' })
+    );
+    expect(state.setHidden).toHaveBeenCalledWith('b', false);
+    expect(onSelect).not.toHaveBeenCalled();
+    expect(screen.queryByText('Another workspace')).toBeNull();
+  });
+  it('does not expose unfiltered choices while the private list is unknown', () => {
+    render(
+      <Dialog open>
+        <WorkspacePickerContent
+          workspaces={[one, two]}
+          visibility={visibility({ known: false, isError: true })}
+          onSelect={vi.fn()}
+        />
+      </Dialog>
+    );
+    expect(screen.queryByText('Repeated name')).toBeNull();
+    expect(screen.getByRole('status').textContent).toBe(
+      'hidden_workspaces_load_error'
+    );
+  });
+});

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

@@ -6,6 +6,7 @@ import {
   buildWorkspaceSetupHandoffUrl,
   mergeWorkspaceSelectWorkspaces,
   normalizeWorkspaceSwitchPath,
+  resolveGuestWorkspaceLanding,
   resolveWorkspaceAvatarUrl,
 } from '../workspace-select-helpers';
 
@@ -126,44 +127,6 @@ describe('mergeWorkspaceSelectWorkspaces', () => {
       /<AvatarFallback[\s\S]*<AvatarImage/u
     );
   });
-
-  it('lays out the short create and join actions in the command item grid', () => {
-    const workspaceSelectSource = readFileSync(
-      join(process.cwd(), 'src/components/ui/custom/workspace-select.tsx'),
-      'utf8'
-    );
-
-    expect(workspaceSelectSource).toContain(
-      '[&_[cmdk-group-items]]:grid-cols-2'
-    );
-    expect(workspaceSelectSource).toContain(
-      "t('common.create_workspace_action')"
-    );
-    expect(workspaceSelectSource).toContain(
-      "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}');
-  });
-
-  it('focuses workspace search as soon as the picker opens', () => {
-    const workspaceSelectSource = readFileSync(
-      join(process.cwd(), 'src/components/ui/custom/workspace-select.tsx'),
-      'utf8'
-    );
-
-    expect(workspaceSelectSource).toContain(
-      '<CommandInput autoFocus placeholder="Search workspace..." />'
-    );
-  });
 });
 
 describe('normalizeWorkspaceSwitchPath', () => {
@@ -200,3 +163,26 @@ describe('normalizeWorkspaceSwitchPath', () => {
     ).toBe('/workspace-1/users');
   });
 });
+
+it.each([null, ''])(
+  'preserves the boards fallback for a guest without a landing path (%s)',
+  (guest_landing_path) => {
+    expect(
+      resolveGuestWorkspaceLanding({ access_type: 'guest', guest_landing_path })
+    ).toBe('/tasks/boards');
+  }
+);
+it('preserves explicit guest landing while members retain normal path resolution', () => {
+  expect(
+    resolveGuestWorkspaceLanding({
+      access_type: 'guest',
+      guest_landing_path: '/tasks/boards/shared-board',
+    })
+  ).toBe('/tasks/boards/shared-board');
+  expect(
+    resolveGuestWorkspaceLanding({
+      access_type: 'member',
+      guest_landing_path: null,
+    })
+  ).toBeNull();
+});

package/src/components/ui/custom/hidden-workspaces-settings.tsx

@@ -0,0 +1,49 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { listWorkspaces } from '@tuturuuu/internal-api/workspaces';
+import { useTranslations } from 'next-intl';
+import {
+  useWorkspaceActor,
+  useWorkspaceVisibility,
+} from '../../../hooks/use-workspace-visibility';
+import { Button } from '../button';
+import { Dialog, DialogTrigger } from '../dialog';
+import { WorkspacePickerContent } from './workspace-picker-content';
+
+/** Private Settings restore editor; restoring never changes current/default scope. */
+export function HiddenWorkspacesSettings() {
+  const t = useTranslations('common');
+  const actor = useWorkspaceActor();
+  const visibility = useWorkspaceVisibility();
+  const list = useQuery({
+    queryKey: ['workspace-ui-list', actor?.actorId],
+    enabled: Boolean(actor),
+    queryFn: async () => {
+      actor!.assertActive();
+      const result = await listWorkspaces();
+      actor!.assertActive();
+      return result;
+    },
+  });
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="outline" disabled={!actor}>
+          {t('hidden_workspaces')}
+        </Button>
+      </DialogTrigger>
+      <WorkspacePickerContent
+        listLoading={list.isLoading}
+        listError={list.error}
+        onRetryList={() => {
+          void list.refetch();
+        }}
+        restoreOnly
+        workspaces={list.data ?? []}
+        visibility={visibility}
+        onSelect={() => {}}
+      />
+    </Dialog>
+  );
+}

package/src/components/ui/custom/mobile-header-height.ts

@@ -0,0 +1,16 @@
+/** Measure the fixed mobile header including safe-area padding and wrapped rows. */
+export function observeMobileHeaderHeight(nav: HTMLElement, main: HTMLElement) {
+  const update = () => {
+    main.style.setProperty(
+      '--mobile-nav-height',
+      `${nav.getBoundingClientRect().height}px`
+    );
+  };
+  update();
+  const observer = new ResizeObserver(update);
+  observer.observe(nav);
+  return () => {
+    observer.disconnect();
+    main.style.removeProperty('--mobile-nav-height');
+  };
+}

package/src/components/ui/custom/structure.tsx

@@ -4,7 +4,14 @@ import { ChevronLeft, ChevronRight, Menu, X } from '@tuturuuu/icons';
 import { Button } from '@tuturuuu/ui/button';
 import { TooltipProvider } from '@tuturuuu/ui/tooltip';
 import { cn } from '@tuturuuu/utils/format';
-import { type CSSProperties, type ReactNode, useEffect } from 'react';
+import {
+  type CSSProperties,
+  type ReactNode,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+} from 'react';
+import { observeMobileHeaderHeight } from './mobile-header-height';
 
 interface StructureProps {
   sidebarLabels?: { open: string; close: string };
@@ -22,6 +29,7 @@ interface StructureProps {
   sidebarUtility?: ReactNode;
   feedbackButton?: ReactNode;
   children: ReactNode;
+  contentFullBleed?: boolean;
   onMouseEnter?: () => void;
   onMouseLeave?: () => void;
   sidebarHidden?: boolean;
@@ -47,6 +55,7 @@ export function Structure({
   sidebarUtility,
   feedbackButton,
   children,
+  contentFullBleed = false,
   onMouseEnter,
   onMouseLeave,
   sidebarHidden = false,
@@ -55,6 +64,15 @@ export function Structure({
   sidebarHeaderClassName,
   sidebarHeaderHeight,
 }: StructureProps) {
+  const mobileNavRef = useRef<HTMLElement>(null);
+  const mainRef = useRef<HTMLElement>(null);
+  useLayoutEffect(() => {
+    if (!contentFullBleed || sidebarHidden) return;
+    const nav = mobileNavRef.current;
+    const main = mainRef.current;
+    if (nav && main) return observeMobileHeaderHeight(nav, main);
+  }, [contentFullBleed, sidebarHidden]);
+
   const sidebarStyle = {
     '--sidebar-collapsed-width': sidebarCollapsedWidth,
     '--sidebar-expanded-width': sidebarExpandedWidth,
@@ -86,7 +104,10 @@ export function Structure({
   return (
     <>
       {!sidebarHidden && (
-        <nav className="safe-top safe-x fixed inset-x-0 top-0 z-30 max-sm:border-b md:hidden">
+        <nav
+          ref={mobileNavRef}
+          className="safe-top safe-x fixed inset-x-0 top-0 z-30 max-sm:border-b md:hidden"
+        >
           <div className="bg-background/50 p-2 font-semibold backdrop-blur-md md:px-8 lg:px-16 xl:px-32">
             <div className="relative flex items-center justify-between gap-2 md:gap-4">
               <div className="flex w-full items-center gap-2">
@@ -236,8 +257,12 @@ export function Structure({
           {/* Main content area - overflow-y-auto removed to prevent double scrollbars */}
           {/* Body element now handles page-level scrolling */}
           <main
+            ref={mainRef}
             className={cn(
-              'relative flex h-full min-h-screen flex-col overflow-x-clip overflow-y-visible transition-all duration-300 ease-in-out',
+              'relative flex flex-col overflow-x-clip transition-all duration-300 ease-in-out',
+              contentFullBleed
+                ? 'h-dvh min-h-0 overflow-y-hidden'
+                : 'h-full min-h-screen overflow-y-visible',
               sidebarHidden
                 ? 'md:pl-0'
                 : isCollapsed || overlayOnExpand
@@ -249,8 +274,15 @@ export function Structure({
             {header && <div className="mb-4 hidden md:block">{header}</div>}
             <div
               className={cn(
-                'safe-bottom relative h-full w-full p-2 md:p-4 md:pt-4',
-                sidebarHidden ? 'pt-2' : 'pt-17 pl-2'
+                'safe-bottom relative w-full',
+                contentFullBleed
+                  ? sidebarHidden
+                    ? 'flex min-h-0 flex-1 flex-col'
+                    : 'flex min-h-0 flex-1 flex-col pt-[var(--mobile-nav-height,calc(4.25rem+env(safe-area-inset-top,0px)))] md:pt-0'
+                  : [
+                      'h-full p-2 md:p-4 md:pt-4',
+                      sidebarHidden ? 'pt-2' : 'pt-17 pl-2',
+                    ]
               )}
             >
               {children}

package/src/components/ui/custom/user-filters.tsx

@@ -175,7 +175,8 @@ export function Filter({
           className={cn('h-8 border-dashed px-1', className)}
           disabled={disabled}
         >
-          {selectedSize > 0 ? null : (
+          {selectedSize > 0 &&
+          options.some((option) => selectedValues.has(option.value)) ? null : (
             <>
               {icon} {title}
             </>

package/src/components/ui/custom/visible-workspace-filter.tsx

@@ -0,0 +1,41 @@
+'use client';
+
+import { useTranslations } from 'next-intl';
+import type { ComponentProps } from 'react';
+import { useWorkspaceVisibility } from '../../../hooks/use-workspace-visibility';
+import { Button } from '../button';
+import { Filter } from './user-filters';
+
+/** Filter choices only; never change the underlying authorized report/data query. */
+export function VisibleWorkspaceFilter(props: ComponentProps<typeof Filter>) {
+  const t = useTranslations('common');
+  const visibility = useWorkspaceVisibility();
+  return (
+    <>
+      <Filter
+        {...props}
+        options={
+          visibility.known
+            ? props.options?.filter(
+                (option) => !visibility.hiddenIds.includes(option.value)
+              )
+            : []
+        }
+      />
+      {!visibility.known && visibility.isError && (
+        <span role="alert">
+          {t('hidden_workspaces_load_error')}
+          <Button
+            size="sm"
+            variant="ghost"
+            onClick={() => {
+              void visibility.refetch();
+            }}
+          >
+            {t('retry')}
+          </Button>
+        </span>
+      )}
+    </>
+  );
+}