@tuturuuu/ui 0.6.2 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # Changelog
 
+## [0.8.0](https://github.com/tutur3u/platform/compare/ui-v0.7.0...ui-v0.8.0) (2026-06-17)
+
+
+### Features
+
+* **inventory:** fix Polar checkout currency, add 2-way product sync, cache + redesign storefront ([de2f6fd](https://github.com/tutur3u/platform/commit/de2f6fd6e06ce5242a150a35d3989798f52b9ee9))
+* **inventory:** per-variant SKUs + storefront cart, dialog & instant checkout ([9662b85](https://github.com/tutur3u/platform/commit/9662b8501bcab51033edde79b44991c8ba648a37))
+* **inventory:** store commerce money in minor units and harden Polar sync ([3f7ee1d](https://github.com/tutur3u/platform/commit/3f7ee1da9335732854037e7e79fca9d5d2a381d0))
+* **storefront-ui:** dedicated product page, richer cart, loading skeleton ([d4a67f8](https://github.com/tutur3u/platform/commit/d4a67f8e6097d51aab6ca983245529725fcaba5c))
+* **storefront-ui:** polish checkout layout and order-status page ([ead94ed](https://github.com/tutur3u/platform/commit/ead94edaa2ac6e79f9e56fd9f48d7a098487f2de))
+* **storefront:** dedicated checkout page with buyer details + order-placed success ([258014d](https://github.com/tutur3u/platform/commit/258014d642e7cf99164e92fec44cd32114ecf68d))
+* **storefront:** make the storefront accent color visibly prominent ([f2b5289](https://github.com/tutur3u/platform/commit/f2b5289506fd8e289f4bfb2bb6755cbc10ea2430))
+* **storefront:** polish checkout cart experience ([cfdccfa](https://github.com/tutur3u/platform/commit/cfdccfa089703d9dde4357eeef8e52c00ccf6d4b))
+* **tasks:** add per-board default list for new tasks ([2d1d308](https://github.com/tutur3u/platform/commit/2d1d3082422bdd4813accb258fee79b322ce647b))
+* **web:** consolidate workspace roles into members and redesign access UI ([4a16407](https://github.com/tutur3u/platform/commit/4a164070e1fe020a834ce4fe77ff4ae371e4e366))
+
+
+### Bug Fixes
+
+* **ci:** format storefront files and harden upstash scan wrapper ([4c82444](https://github.com/tutur3u/platform/commit/4c824446725dc280edde3e54f946bf386a52952d))
+* **ci:** sort tailwind classes in storefront product-detail (biome lint) ([809c3b9](https://github.com/tutur3u/platform/commit/809c3b9b1e514fb218b58941c9542c75bd723f2d))
+* **deps:** keep lodash on latest reviewed artifact ([19909b3](https://github.com/tutur3u/platform/commit/19909b334581d3b58cdcd19e9b2fde553f7ad60a))
+* **deps:** pin reviewed lodash artifact ([dfcf585](https://github.com/tutur3u/platform/commit/dfcf585fab9cc0b425cac5d60c5bccc997340be5))
+* **editor:** clear stale upload handlers ([ed34408](https://github.com/tutur3u/platform/commit/ed34408e9e48ee13bf7e69c2a8ba222d75c67253))
+* **epm:** validate summary editor content ([bd87c77](https://github.com/tutur3u/platform/commit/bd87c770690c75a125fe2a727f3ad39aa925b5fd))
+* **finance:** harden transaction enrichment ([eddd93b](https://github.com/tutur3u/platform/commit/eddd93bd11fb451a7fa5da2e4ab2892fad931ab5))
+* **inventory:** block unsafe storefront section links ([870ce76](https://github.com/tutur3u/platform/commit/870ce760237f43ca2a3d1221359c4a06d1bc7653))
+* **storefront-ui:** prevent horizontal overflow and cap cart height ([5825c49](https://github.com/tutur3u/platform/commit/5825c49fb9b77c859cda4ec6bbb6ba382925e519))
+* **storefront-ui:** show an empty-cart state instead of "no listings" in the cart ([00bdb40](https://github.com/tutur3u/platform/commit/00bdb40eb344b17c3727fda1ea0c042508c63901))
+* **tasks:** authorize board page before workspace ([9b1f740](https://github.com/tutur3u/platform/commit/9b1f74096a4a889b7733b6ffe37d4d16f442d974))
+* **tasks:** cap timeline rendering work ([f2722ee](https://github.com/tutur3u/platform/commit/f2722ee0c3778153e1b014280bc1513305c5be7a))
+* **tasks:** gate boards data access ([6daf363](https://github.com/tutur3u/platform/commit/6daf363b1c73593a233371a6cf079a3a4a015daa))
+* **tasks:** ignore stale drag rollbacks ([c60131f](https://github.com/tutur3u/platform/commit/c60131f9f0930c81d3d2ccc6f2f9e918968d4b77))
+* **tasks:** refine document task dialog presentation ([ca10735](https://github.com/tutur3u/platform/commit/ca10735f086a24be065eded03b8bc6e9382e2c5f))
+* **tasks:** secure cursor realtime channels ([a0ec120](https://github.com/tutur3u/platform/commit/a0ec120d912b7998fe43c90b675a09d0d3798dfe))
+* **tasks:** secure realtime task channels ([6d98d16](https://github.com/tutur3u/platform/commit/6d98d16baa9ecf68bdd47ce3ce6dc1ff2e2bca84))
+* **tasks:** secure realtime task channels ([03dc6d6](https://github.com/tutur3u/platform/commit/03dc6d66666d1d3ae422f91cb94285367a8c1071))
+* **tasks:** stop external lane retry loops ([713c327](https://github.com/tutur3u/platform/commit/713c327a613b018e72e376c03324517c6ee673c3))
+* **tu-do:** center compact task edit dialog instead of anchoring to bottom ([67f38aa](https://github.com/tutur3u/platform/commit/67f38aaab1eab4b5340dfe049eed9c1e224c83b1))
+* **tu-do:** preserve newlines and dim compact description preview ([ee01f40](https://github.com/tutur3u/platform/commit/ee01f40ab5ae800bf8aa1c59f19eb4f2bd69c256))
+* **ui:** keep locale decimals in currency input ([3cd2420](https://github.com/tutur3u/platform/commit/3cd242026c3afe51eedabc3ec070093d0a94523f))
+* **web:** stop new-workspace setup from trapping users on "Preparing Workspace" ([3f7ee1d](https://github.com/tutur3u/platform/commit/3f7ee1da9335732854037e7e79fca9d5d2a381d0))
+
+
+### Performance Improvements
+
+* **storefront-ui:** lazy-load product images, eager-load above-the-fold ([6da600e](https://github.com/tutur3u/platform/commit/6da600eec0ce964ac61ae7890cf4574ada6aef3e))
+
+## [0.7.0](https://github.com/tutur3u/platform/compare/ui-v0.6.2...ui-v0.7.0) (2026-06-15)
+
+
+### Features
+
+* **finance:** add command center shortcuts ([d0197f7](https://github.com/tutur3u/platform/commit/d0197f705227cdf8171704b40119b66b1140be80))
+* **inventory:** field tooltips, tabbed dialogs, row-click edit, storefront polish ([e27d7bb](https://github.com/tutur3u/platform/commit/e27d7bbd75a76b8e6d9395faaa48ad6b465dca4b))
+* **inventory:** upgrade storefront commerce ([ac43942](https://github.com/tutur3u/platform/commit/ac439426ec6d7abc25efbf7ef88468e32be3a46e))
+* **ui:** add optional time picker ([d4cf439](https://github.com/tutur3u/platform/commit/d4cf4398c8efd8ca5267b770e07f1015a59d43fd))
+* **ui:** redesign optional time picker ([cadbf12](https://github.com/tutur3u/platform/commit/cadbf124a9048d85164082eec2b857feb78b1070))
+
+
+### Bug Fixes
+
+* **calendar:** preserve Google OAuth refresh tokens ([4358623](https://github.com/tutur3u/platform/commit/4358623a2dbde76fd84af59bb18e540994a5d091))
+* **finance:** stop pending invoices from intermittently failing to load ([c4a51b8](https://github.com/tutur3u/platform/commit/c4a51b89e3cad8130b8016864cf25f4da6db6fc1))
+* **tasks:** persist large task descriptions in chunks ([457744a](https://github.com/tutur3u/platform/commit/457744aa051d06baccc5df5aa4d4cb509534ea8b))
+
 ## [0.6.2](https://github.com/tutur3u/platform/compare/ui-v0.6.1...ui-v0.6.2) (2026-06-13)
 
 

package/biome.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.6.2",
+  "version": "0.8.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -83,12 +83,12 @@
     "@tiptap/react": "3.26.1",
     "@tiptap/starter-kit": "3.26.1",
     "@tuturuuu/ai": "0.2.2",
-    "@tuturuuu/apis": "0.4.1",
+    "@tuturuuu/apis": "0.5.0",
     "@tuturuuu/hooks": "0.0.2",
     "@tuturuuu/icons": "0.0.6",
-    "@tuturuuu/internal-api": "0.7.1",
-    "@tuturuuu/supabase": "0.3.3",
-    "@tuturuuu/utils": "0.6.1",
+    "@tuturuuu/internal-api": "0.9.0",
+    "@tuturuuu/supabase": "0.3.4",
+    "@tuturuuu/utils": "0.8.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -105,7 +105,7 @@
     "html2canvas-pro": "^2.0.2",
     "input-otp": "^1.4.2",
     "katex": "^0.17.0",
-    "lodash": "^4.18.1",
+    "lodash": "4.18.1",
     "moment": "^2.30.1",
     "motion": "^12.40.0",
     "next": "^16.2.9",
@@ -119,7 +119,7 @@
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.7",
     "react-dropzone": "^15.0.0",
-    "react-hook-form": "^7.77.0",
+    "react-hook-form": "^7.79.0",
     "react-markdown": "^10.1.0",
     "react-papaparse": "^4.4.0",
     "react-pdf": "^10.4.1",
@@ -135,19 +135,19 @@
     "tiptap-extension-resize-image": "^1.4.3",
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2",
-    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
+    "xlsx": "file:vendor/xlsx-0.20.3.tgz",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.31",
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.3.0",
+    "@tailwindcss/postcss": "^4.3.1",
     "@tailwindcss/typography": "^0.5.20",
     "@tanstack/react-query": "^5.101.0",
     "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@tuturuuu/types": "0.8.0",
+    "@tuturuuu/types": "0.10.0",
     "@tuturuuu/typescript-config": "0.1.1",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.24",
@@ -162,7 +162,7 @@
     "jsdom": "^29.1.1",
     "postcss": "^8.5.14",
     "postcss-load-config": "^6.0.1",
-    "tailwindcss": "^4.3.0",
+    "tailwindcss": "^4.3.1",
     "typescript": "^6.0.3",
     "uuid": "^14.0.0",
     "vitest": "^4.1.8"

package/src/components/ui/calendar-app/components/calendar-connections.tsx

@@ -15,6 +15,10 @@ import {
   Trash2,
   Upload,
 } from '@tuturuuu/icons';
+import {
+  getGoogleCalendarAuthUrl,
+  InternalApiError,
+} from '@tuturuuu/internal-api';
 import { useTranslations } from 'next-intl';
 import { useMemo, useState } from 'react';
 import { useCalendarSync } from '../../../../hooks/use-calendar-sync';
@@ -292,21 +296,21 @@ export default function CalendarConnections({
   const googleAuthMutation = useMutation<AuthResponse, Error, void>({
     mutationKey: ['calendar', 'google-auth', wsId],
     mutationFn: async () => {
-      const response = await fetch(`/api/v1/calendar/auth?wsId=${wsId}`, {
-        method: 'GET',
-      });
+      try {
+        return await getGoogleCalendarAuthUrl(wsId);
+      } catch (error) {
+        if (error instanceof InternalApiError) {
+          throw new Error(
+            error.status === 401
+              ? 'unauthorized'
+              : error.status === 403
+                ? 'forbidden'
+                : 'unknown_error'
+          );
+        }
 
-      if (!response.ok) {
-        throw new Error(
-          response.status === 401
-            ? 'unauthorized'
-            : response.status === 403
-              ? 'forbidden'
-              : 'unknown_error'
-        );
+        throw error;
       }
-
-      return (await response.json()) as AuthResponse;
     },
     onSuccess: (data) => {
       const { authUrl } = data;

package/src/components/ui/calendar-app/components/connected-accounts-dialog.tsx

@@ -2,6 +2,7 @@
 
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { AlertCircle, Loader2, Plus, Trash2, User } from '@tuturuuu/icons';
+import { getGoogleCalendarAuthUrl } from '@tuturuuu/internal-api';
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import React, { useState } from 'react';
@@ -137,11 +138,7 @@ export function ConnectedAccountsDialog({
   // Google auth mutation
   const googleAuthMutation = useMutation<AuthResponse, Error, void>({
     mutationKey: ['calendar', 'google-auth', wsId],
-    mutationFn: async () => {
-      const response = await fetch(`/api/v1/calendar/auth?wsId=${wsId}`);
-      if (!response.ok) throw new Error('Failed to get auth URL');
-      return response.json();
-    },
+    mutationFn: () => getGoogleCalendarAuthUrl(wsId),
     onSuccess: (data) => {
       if (data.authUrl) {
         window.location.href = data.authUrl;

package/src/components/ui/calendar-app/components/use-calendar-connections-manager.ts

@@ -1,6 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import {
   type CalendarSourceOption,
+  getGoogleCalendarAuthUrl,
   getWorkspaceCalendarDefaultSource,
   updateWorkspaceCalendarDefaultSource,
 } from '@tuturuuu/internal-api';
@@ -392,11 +393,7 @@ export function useCalendarConnectionsManager(wsId: string) {
   // Google auth mutation
   const googleAuthMutation = useMutation<AuthResponse, Error, void>({
     mutationKey: ['calendar', 'google-auth', wsId],
-    mutationFn: async () => {
-      const response = await fetch(`/api/v1/calendar/auth?wsId=${wsId}`);
-      if (!response.ok) throw new Error('Failed to get auth URL');
-      return response.json();
-    },
+    mutationFn: () => getGoogleCalendarAuthUrl(wsId),
     onSuccess: (data) => {
       if (data.authUrl) window.location.href = data.authUrl;
       else toast.error(t('auth_url_invalid'));

package/src/components/ui/calendar.test.tsx

@@ -0,0 +1,24 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { Calendar } from './calendar';
+
+vi.mock('react-day-picker', () => ({
+  DayPicker: ({ fixedWeeks }: { fixedWeeks?: boolean }) => (
+    <div data-fixed-weeks={String(fixedWeeks)} data-testid="day-picker" />
+  ),
+}));
+
+vi.mock('../../hooks/use-calendar-preferences', () => ({
+  useCalendarPreferences: () => ({ weekStartsOn: 1 }),
+}));
+
+describe('Calendar', () => {
+  it('renders DayPicker with fixed weeks to avoid layout shift', () => {
+    render(<Calendar mode="single" />);
+
+    expect(screen.getByTestId('day-picker')).toHaveAttribute(
+      'data-fixed-weeks',
+      'true'
+    );
+  });
+});

package/src/components/ui/calendar.tsx

@@ -311,6 +311,7 @@ function Calendar({
           onMonthChange={setMonth}
           defaultMonth={initialMonth}
           showOutsideDays={true}
+          fixedWeeks={true}
           weekStartsOn={props.weekStartsOn ?? preferences.weekStartsOn}
           className={cn('', className)}
           classNames={normalizeClassNames({

package/src/components/ui/currency-input.test.tsx

@@ -0,0 +1,43 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import { CurrencyInput } from './currency-input';
+
+describe('CurrencyInput', () => {
+  it('keeps locale decimal separators while editing', () => {
+    const onChange = vi.fn();
+
+    render(
+      <CurrencyInput
+        aria-label="Amount"
+        hideHelpers
+        locale="vi-VN"
+        maximumFractionDigits={2}
+        onChange={onChange}
+        value={undefined}
+      />
+    );
+
+    const input = screen.getByLabelText('Amount') as HTMLInputElement;
+
+    fireEvent.focus(input);
+    fireEvent.change(input, {
+      target: {
+        selectionStart: 3,
+        value: '1,2',
+      },
+    });
+
+    expect(input).toHaveValue('1,2');
+    expect(onChange).toHaveBeenLastCalledWith(1.2);
+
+    fireEvent.change(input, {
+      target: {
+        selectionStart: input.value.length + 1,
+        value: `${input.value}3`,
+      },
+    });
+
+    expect(input).toHaveValue('1,23');
+    expect(onChange).toHaveBeenLastCalledWith(1.23);
+  });
+});

package/src/components/ui/currency-input.tsx

@@ -197,7 +197,7 @@ export const CurrencyInput = forwardRef<HTMLInputElement, CurrencyInputProps>(
         // Build final formatted string
         let formatted = formattedInteger;
         if (hasDecimal) {
-          formatted += `.${decimalPart}`;
+          formatted += `${localeSeparators.decimal}${decimalPart}`;
         }
 
         // Calculate new cursor position

package/src/components/ui/custom/workspace-access/workspace-access-default-role-card.tsx

@@ -1,15 +1,8 @@
 'use client';
 
-import { Pencil } from '@tuturuuu/icons';
+import { KeyRound, Pencil, ShieldUser } from '@tuturuuu/icons';
 import type { WorkspaceDefaultPermissionMemberType } from '@tuturuuu/types';
 import { Button } from '@tuturuuu/ui/button';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '@tuturuuu/ui/card';
 import { Skeleton } from '@tuturuuu/ui/skeleton';
 import { useTranslations } from 'next-intl';
 import type { WorkspaceAccessRole } from './types';
@@ -37,45 +30,77 @@ export function WorkspaceAccessDefaultRoleCard({
 }) {
   const t = useTranslations() as (key: string) => string;
   const isGuest = memberType === 'GUEST';
+  const enabled = enabledPermissionCount(role);
+  const pct =
+    permissionCount > 0 ? Math.round((enabled / permissionCount) * 100) : 0;
+  const accent = isGuest
+    ? 'border-dynamic-blue/30 bg-dynamic-blue/10 text-dynamic-blue'
+    : 'border-dynamic-green/30 bg-dynamic-green/10 text-dynamic-green';
+  const barColor = isGuest ? 'bg-dynamic-blue' : 'bg-dynamic-green';
 
   return (
-    <Card className="shadow-none">
-      <CardHeader>
-        <div className="flex flex-wrap items-start justify-between gap-3">
-          <div className="space-y-1">
-            <CardTitle className="text-base">
+    <div className="rounded-xl border border-border bg-background p-5">
+      <div className="flex flex-wrap items-start justify-between gap-3">
+        <div className="flex min-w-0 gap-3">
+          <div
+            className={`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border ${accent}`}
+          >
+            {isGuest ? (
+              <KeyRound className="h-5 w-5" />
+            ) : (
+              <ShieldUser className="h-5 w-5" />
+            )}
+          </div>
+          <div className="min-w-0">
+            <div className="font-semibold text-base">
               {isGuest
                 ? t('ws-roles.guest_defaults')
                 : t('ws-roles.member_defaults')}
-            </CardTitle>
-            <CardDescription>
+            </div>
+            <p className="mt-0.5 max-w-md text-muted-foreground text-sm">
               {isGuest
                 ? t('ws-roles.guest_defaults_description')
                 : t('ws-roles.member_defaults_description')}
-            </CardDescription>
+            </p>
           </div>
-          {canManageRoles ? (
-            <Button
-              variant="outline"
-              size="sm"
-              onClick={() => onEdit(memberType)}
-            >
-              <Pencil className="mr-2 h-4 w-4" />
-              {t('common.edit')}
-            </Button>
-          ) : null}
         </div>
-      </CardHeader>
-      <CardContent className="space-y-3">
+        {canManageRoles ? (
+          <Button
+            variant="outline"
+            size="sm"
+            onClick={() => onEdit(memberType)}
+          >
+            <Pencil className="mr-2 h-4 w-4" />
+            {t('common.edit')}
+          </Button>
+        ) : null}
+      </div>
+
+      <div className="mt-4 space-y-3">
         {isLoading ? (
           <Skeleton className="h-24 rounded-lg" />
         ) : (
           <>
-            <div className="font-semibold text-2xl tabular-nums">
-              {enabledPermissionCount(role)}
-              <span className="ml-1 font-normal text-base text-muted-foreground">
-                / {permissionCount}
-              </span>
+            <div>
+              <div className="flex items-baseline justify-between gap-1.5">
+                <div className="flex items-baseline gap-1.5">
+                  <span className="font-bold text-2xl tabular-nums">
+                    {enabled}
+                  </span>
+                  <span className="text-base text-muted-foreground">
+                    / {permissionCount}
+                  </span>
+                </div>
+                <span className="text-muted-foreground text-sm">
+                  {t('ws-roles.permissions')}
+                </span>
+              </div>
+              <div className="mt-2 h-1.5 max-w-md overflow-hidden rounded-full bg-foreground/10">
+                <div
+                  className={`h-full rounded-full ${barColor}`}
+                  style={{ width: `${pct}%` }}
+                />
+              </div>
             </div>
             <div className="flex flex-wrap gap-2">
               <WorkspaceAccessPermissionPreview
@@ -86,7 +111,7 @@ export function WorkspaceAccessDefaultRoleCard({
             </div>
           </>
         )}
-      </CardContent>
-    </Card>
+      </div>
+    </div>
   );
 }