@tuturuuu/ui 0.39.0 → 0.39.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [0.39.1](https://github.com/tutur3u/platform/compare/ui-v0.39.0...ui-v0.39.1) (2026-10-17)
+
+
+### Bug Fixes
+
+* **release:** reconcile production history before Contacts rollout ([dc017a2](https://github.com/tutur3u/platform/commit/dc017a227de6f284268b34690198972c06c52434)) ([#6241](https://github.com/tutur3u/platform/issues/6241)) ([66654a5](https://github.com/tutur3u/platform/commit/66654a5d7ad441a93070d1502f267d6d4e08a6cd))
+
 ## [0.39.0](https://github.com/tutur3u/platform/compare/ui-v0.38.0...ui-v0.39.0) (2026-10-09)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.39.0",
+  "version": "0.39.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -87,14 +87,14 @@
     "@tiptap/pm": "3.31.3",
     "@tiptap/react": "3.31.3",
     "@tiptap/starter-kit": "3.31.3",
-    "@tuturuuu/ai": "0.18.0",
+    "@tuturuuu/ai": "0.18.1",
     "@tuturuuu/apis": "0.13.0",
     "@tuturuuu/hooks": "0.1.2",
     "@tuturuuu/icons": "0.1.1",
-    "@tuturuuu/internal-api": "0.50.0",
-    "@tuturuuu/realtime": "0.10.1",
-    "@tuturuuu/supabase": "0.5.2",
-    "@tuturuuu/utils": "0.35.0",
+    "@tuturuuu/internal-api": "0.51.0",
+    "@tuturuuu/realtime": "0.10.2",
+    "@tuturuuu/supabase": "0.6.0",
+    "@tuturuuu/utils": "0.36.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -155,7 +155,7 @@
     "@tanstack/react-table": "^9.2.4",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@tuturuuu/types": "0.34.0",
+    "@tuturuuu/types": "0.35.0",
     "@tuturuuu/typescript-config": "0.1.2",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.25",

package/src/components/ui/custom/public-profile-menu-item.tsx

@@ -0,0 +1,25 @@
+'use client';
+import { UserRound } from '@tuturuuu/icons';
+import { DropdownMenuItem } from '@tuturuuu/ui/dropdown-menu';
+
+export function PublicProfileMenuItem({
+  href,
+  label,
+}: {
+  href: string;
+  label: string;
+}) {
+  return (
+    <DropdownMenuItem asChild>
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="cursor-pointer"
+      >
+        <UserRound className="h-4 w-4 text-muted-foreground" />
+        <span>{label}</span>
+      </a>
+    </DropdownMenuItem>
+  );
+}

package/src/components/ui/custom/satellite-user-menu-items.test.tsx

@@ -0,0 +1,61 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { expect, it, vi } from 'vitest';
+import { SatelliteUserMenuItems } from './satellite-user-menu-items';
+
+vi.mock('@tuturuuu/ui/dropdown-menu', () => {
+  const Container = ({ children }: { children: ReactNode }) => <>{children}</>;
+  return Object.fromEntries(
+    [
+      'DropdownMenuGroup',
+      'DropdownMenuItem',
+      'DropdownMenuPortal',
+      'DropdownMenuSeparator',
+      'DropdownMenuSub',
+      'DropdownMenuSubContent',
+      'DropdownMenuSubTrigger',
+    ].map((key) => [key, Container])
+  );
+});
+const props: ComponentProps<typeof SatelliteUserMenuItems> = {
+  centralUrl: 'https://tuturuuu.com',
+  t: (key) => key,
+  languageItems: null,
+  themeItems: null,
+  accountItems: null,
+  signedIn: true,
+  onReport: vi.fn(),
+  onLogout: vi.fn(),
+};
+it('renders a labelled public profile link separately from private account settings', () => {
+  const html = renderToStaticMarkup(
+    <SatelliteUserMenuItems
+      {...props}
+      publicProfile={{
+        href: 'https://tuturuuu.com/u/creator',
+        label: 'Public profile',
+      }}
+    />
+  );
+  expect(html).toContain('href="https://tuturuuu.com/u/creator"');
+  expect(html).toContain('Public profile');
+  expect(html).toContain('rel="noopener noreferrer"');
+  expect(html).toContain('common.dashboard');
+});
+it('does not invent a profile link for users without a username', () => {
+  const html = renderToStaticMarkup(<SatelliteUserMenuItems {...props} />);
+  expect(html).not.toContain('/u/');
+});
+it('does not expose a profile link in a signed-out menu even if an adapter supplies one', () => {
+  const html = renderToStaticMarkup(
+    <SatelliteUserMenuItems
+      {...props}
+      signedIn={false}
+      publicProfile={{
+        href: 'https://tuturuuu.com/u/creator',
+        label: 'Public profile',
+      }}
+    />
+  );
+  expect(html).not.toContain('/u/creator');
+});

package/src/components/ui/custom/satellite-user-menu-items.tsx

@@ -22,6 +22,9 @@ import {
   DropdownMenuSubTrigger,
 } from '@tuturuuu/ui/dropdown-menu';
 import type { ReactNode } from 'react';
+import { PublicProfileMenuItem } from './public-profile-menu-item';
+
+export { PublicProfileMenuItem } from './public-profile-menu-item';
 
 export type SidebarBehavior = 'expanded' | 'collapsed' | 'hover' | 'hidden';
 
@@ -35,6 +38,7 @@ export function SatelliteUserMenuItems({
   accountItems,
   workspaceSelect,
   signedIn,
+  publicProfile,
   onReport,
   onLogout,
 }: {
@@ -61,6 +65,7 @@ export function SatelliteUserMenuItems({
   accountItems: ReactNode;
   workspaceSelect?: ReactNode;
   signedIn: boolean;
+  publicProfile?: { href: string; label: string };
   onReport: () => void;
   onLogout: () => void;
 }) {
@@ -75,6 +80,9 @@ export function SatelliteUserMenuItems({
         </>
       ) : null}
       <DropdownMenuGroup>
+        {signedIn && publicProfile && (
+          <PublicProfileMenuItem {...publicProfile} />
+        )}
         <DropdownMenuItem asChild>
           <a
             href={centralUrl}

package/src/components/ui/finance/invoices/invoiceId/invoice-png-lifetime.test.tsx

@@ -342,6 +342,57 @@ describe('actual invoice card PNG export account and invoice lifetime', () => {
     expect(downloads).toEqual([]);
     expect(notices.success).not.toHaveBeenCalled();
   });
+  for (const failure of ['renderer', 'blob'] as const) {
+    it(`allows one same-invoice retry after a ${failure} failure`, async () => {
+      if (failure === 'renderer') {
+        renderer.mockRejectedValueOnce(new Error('Synthetic renderer failure'));
+      } else {
+        renderer.mockResolvedValueOnce({
+          toBlob: (callback: BlobCallback) => callback(null),
+        });
+      }
+      const retry = held<ReturnType<typeof canvas>>();
+      renderer.mockReturnValueOnce(retry.promise);
+      mount();
+      await exportPng();
+      await waitFor(() =>
+        expect(notices.error).toHaveBeenCalledWith('common.export-error')
+      );
+      expect(downloads).toEqual([]);
+      expect(notices.success).not.toHaveBeenCalled();
+      expect(URL.createObjectURL).not.toHaveBeenCalled();
+      await waitFor(() =>
+        expect(
+          screen.getByRole('menuitem', { name: 'invoices.download_image' })
+        ).not.toHaveAttribute('aria-disabled', 'true')
+      );
+
+      await exportPng();
+      await waitFor(() => expect(renderer).toHaveBeenCalledTimes(2));
+      const exporting = screen.getByRole('menuitem', {
+        name: 'ws-reports.exporting_png',
+      });
+      expect(exporting).toHaveAttribute('aria-disabled', 'true');
+      fireEvent.click(exporting);
+      expect(renderer).toHaveBeenCalledTimes(2);
+      expect(downloads).toEqual([]);
+
+      await act(async () => {
+        retry.resolve(canvas());
+        await retry.promise;
+      });
+      await waitFor(() =>
+        expect(downloads).toEqual(['invoice-synthetic_a.png'])
+      );
+      expect(notices.error).toHaveBeenCalledOnce();
+      expect(notices.success).toHaveBeenCalledOnce();
+      expect(URL.createObjectURL).toHaveBeenCalledOnce();
+      expect(URL.revokeObjectURL).toHaveBeenCalledWith('blob:synthetic-png');
+      expect(
+        screen.getByRole('menuitem', { name: 'invoices.download_image' })
+      ).not.toHaveAttribute('aria-disabled', 'true');
+    });
+  }
   for (const boundary of [
     'missing-provider',
     'missing-actor',

package/src/components/ui/public-link-button.test.tsx

@@ -0,0 +1,116 @@
+// @vitest-environment jsdom
+import { act, type ComponentProps } from 'react';
+import { createRoot } from 'react-dom/client';
+import { afterEach, beforeEach, expect, it, vi } from 'vitest';
+import { PublicLinkButton } from './public-link-button';
+
+vi.mock('./button', () => ({
+  Button: ({
+    variant: _variant,
+    ...props
+  }: ComponentProps<'button'> & { variant?: string }) => <button {...props} />,
+}));
+vi.mock('./input', () => ({
+  Input: (props: ComponentProps<'input'>) => <input {...props} />,
+}));
+const container = document.createElement('div');
+document.body.append(container);
+let root = createRoot(container);
+const copy = vi.fn(),
+  url = 'https://tuturuuu.com/u/creator';
+Object.assign(globalThis, { IS_REACT_ACT_ENVIRONMENT: true });
+beforeEach(() => {
+  Object.defineProperty(navigator, 'clipboard', {
+    configurable: true,
+    value: { writeText: copy },
+  });
+  copy.mockResolvedValue(undefined);
+});
+afterEach(async () => {
+  await act(() => root.unmount());
+  root = createRoot(container);
+  vi.clearAllMocks();
+});
+async function render(link: string | null = url) {
+  await act(() =>
+    root.render(
+      <PublicLinkButton
+        url={link}
+        label="Copy link"
+        copiedLabel="Copied"
+        errorLabel="Failed"
+        manualCopyLabel="Manual link"
+      />
+    )
+  );
+}
+async function click() {
+  await act(() => container.querySelector('button')!.click());
+}
+it('copies only after an explicit click and announces success', async () => {
+  await render();
+  expect(copy).not.toHaveBeenCalled();
+  expect(container.querySelector('input')).toBeNull();
+  await click();
+  expect(copy).toHaveBeenCalledWith(url);
+  expect(container.querySelector('[role=status]')!.textContent).toBe('Copied');
+});
+it('excludes invalid/private URLs entirely', async () => {
+  await render('https://tuturuuu.com/private/settings');
+  expect(container.querySelector('button')).toBeNull();
+  expect(copy).not.toHaveBeenCalled();
+});
+it('supports manual selection and retry after a clipboard denial', async () => {
+  await render();
+  copy.mockRejectedValueOnce(new Error('Denied'));
+  await click();
+  expect(container.querySelector('[role=alert]')!.textContent).toBe('Failed');
+  const input = container.querySelector('input')!;
+  expect(input.value).toBe(url);
+  expect(input.readOnly).toBe(true);
+  await act(() => input.focus());
+  expect(input.selectionEnd).toBe(url.length);
+  await click();
+  expect(container.querySelector('input')).toBeNull();
+  expect(container.querySelector('[role=status]')!.textContent).toBe('Copied');
+});
+it('provides manual copy when Clipboard API is unavailable', async () => {
+  Object.defineProperty(navigator, 'clipboard', {
+    configurable: true,
+    value: undefined,
+  });
+  await render();
+  await click();
+  expect(container.querySelector('input')!.value).toBe(url);
+});
+it('fences rapid duplicate clicks and suppresses stale success after URL replacement', async () => {
+  let finish!: () => void;
+  copy.mockReturnValue(
+    new Promise<void>((resolve) => {
+      finish = resolve;
+    })
+  );
+  await render();
+  await act(() => {
+    container.querySelector('button')!.click();
+    container.querySelector('button')!.click();
+  });
+  expect(copy).toHaveBeenCalledTimes(1);
+  await render('https://tuturuuu.com/u/other');
+  await act(() => finish());
+  expect(container.querySelector('[role=status]')).toBeNull();
+  expect(container.querySelector('input')).toBeNull();
+});
+it('suppresses stale failure after unmount', async () => {
+  let fail!: (error: Error) => void;
+  copy.mockReturnValue(
+    new Promise<void>((_, reject) => {
+      fail = reject;
+    })
+  );
+  await render();
+  await act(() => container.querySelector('button')!.click());
+  await act(() => root.render(null));
+  await act(() => fail(new Error('Denied')));
+  expect(container.innerHTML).toBe('');
+});

package/src/components/ui/public-link-button.tsx

@@ -0,0 +1,81 @@
+'use client';
+import { safePublicContentLink } from '@tuturuuu/utils/public-content-link';
+import { useEffect, useRef, useState } from 'react';
+import { Button } from './button';
+import { Input } from './input';
+
+type Props = {
+  url: string | null;
+  label: string;
+  copiedLabel: string;
+  errorLabel: string;
+  manualCopyLabel: string;
+};
+export function PublicLinkButton(props: Props) {
+  const url = safePublicContentLink(props.url);
+  return url ? <CopyButton key={url} {...props} url={url} /> : null;
+}
+function CopyButton({
+  url,
+  label,
+  copiedLabel,
+  errorLabel,
+  manualCopyLabel,
+}: Props & { url: string }) {
+  const [status, setStatus] = useState<
+    'idle' | 'pending' | 'copied' | 'failed'
+  >('idle');
+  const active = useRef(true),
+    busy = useRef(false);
+  useEffect(() => {
+    active.current = true;
+    return () => {
+      active.current = false;
+    };
+  }, []);
+  return (
+    <div className="space-y-2">
+      <Button
+        variant="outline"
+        disabled={status === 'pending'}
+        onClick={async () => {
+          if (busy.current) return;
+          busy.current = true;
+          setStatus('pending');
+          try {
+            if (!navigator.clipboard?.writeText)
+              throw new Error('Clipboard unavailable');
+            await navigator.clipboard.writeText(url);
+            if (active.current) setStatus('copied');
+          } catch {
+            if (active.current) setStatus('failed');
+          } finally {
+            busy.current = false;
+          }
+        }}
+      >
+        {label}
+      </Button>
+      {status === 'copied' && (
+        <p role="status" className="text-muted-foreground text-sm">
+          {copiedLabel}
+        </p>
+      )}
+      {status === 'failed' && (
+        <>
+          <p role="alert" className="text-sm">
+            {errorLabel}
+          </p>
+          <label className="block space-y-1 text-sm">
+            {manualCopyLabel}
+            <Input
+              readOnly
+              value={url}
+              onFocus={(event) => event.target.select()}
+            />
+          </label>
+        </>
+      )}
+    </div>
+  );
+}