@tuturuuu/ui 0.37.1 → 0.38.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # Changelog
 
+## [0.38.0](https://github.com/tutur3u/platform/compare/ui-v0.37.2...ui-v0.38.0) (2026-10-04)
+
+
+### Features
+
+* **calendar:** support full Google color choices and scoped edits ([#5661](https://github.com/tutur3u/platform/issues/5661)) ([8cafac5](https://github.com/tutur3u/platform/commit/8cafac53438b504eafa8bcc8213d18448e4a17bc))
+* **education:** add personal to do destinations to Teach and Learn ([9587942](https://github.com/tutur3u/platform/commit/9587942deeebcb6aca3a774f4289178771bcabd6))
+* **education:** add personal To do in Teach and Learn ([#5785](https://github.com/tutur3u/platform/issues/5785)) ([0a5e302](https://github.com/tutur3u/platform/commit/0a5e302fa9b09c140c717751005bbda23a1dc0b1))
+
+
+### Bug Fixes
+
+* **calendar:** gate uncertain creation retries on durable capability ([4a0a088](https://github.com/tutur3u/platform/commit/4a0a0883ddfff464be0880afd13758908e65203f))
+* **calendar:** recover edited drafts and align provider color parity ([d97142a](https://github.com/tutur3u/platform/commit/d97142abe22188b6a31a4a6b0e7b3a97d35d07f5))
+* **finance:** authenticate exchange rates with satellite sessions ([33368f1](https://github.com/tutur3u/platform/commit/33368f1c00f86f71b4a66702899af262a90122e2)) ([#5760](https://github.com/tutur3u/platform/issues/5760)) ([759b1e5](https://github.com/tutur3u/platform/commit/759b1e52f8867aced2d64288af43b861d5ebccdc))
+* **identity:** integrate main and order unapplied creator migrations ([5512e24](https://github.com/tutur3u/platform/commit/5512e2414abaa0c78b68cbdd3186a1d4bab861e7))
+* **notifications:** preserve Colab polling policy ([ed09b9d](https://github.com/tutur3u/platform/commit/ed09b9ddaabd9b1865ca11e0459f23b0141137df))
+* **ui:** close workspace popover without callback ([b0693b8](https://github.com/tutur3u/platform/commit/b0693b869721b9333d81d791554864291bec769d))
+* **ui:** default browser workspace selectors to dropdowns ([9a8da02](https://github.com/tutur3u/platform/commit/9a8da02ceb7c03ee7eb05fb6cdc729144da6192a))
+* **ui:** refine workspace dropdown recovery and viewport bounds ([06eeee7](https://github.com/tutur3u/platform/commit/06eeee77a26c1fc632907b72a5e0218d5d3fb49d))
+* **web:** restore anchored workspace dropdown ([2df0661](https://github.com/tutur3u/platform/commit/2df0661f911eaec319cacca5d29242804d0e76ee))
+* **web:** restore standard workspace dropdown ([#5739](https://github.com/tutur3u/platform/issues/5739)) ([f84ae74](https://github.com/tutur3u/platform/commit/f84ae741f2abab2a21aadfacda56bd7eba623466))
+
+
+### Performance Improvements
+
+* **notifications:** reduce idle API polling ([32ee541](https://github.com/tutur3u/platform/commit/32ee5410e51d900698a06724b440b63df363fee9)) ([#5773](https://github.com/tutur3u/platform/issues/5773)) ([55089e0](https://github.com/tutur3u/platform/commit/55089e06ed6728f4bd6543787dcae48de3cfd734))
+
+## [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)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.37.1",
+  "version": "0.38.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -87,13 +87,14 @@
     "@tiptap/pm": "3.31.3",
     "@tiptap/react": "3.31.3",
     "@tiptap/starter-kit": "3.31.3",
-    "@tuturuuu/ai": "0.16.1",
+    "@tuturuuu/ai": "0.17.0",
     "@tuturuuu/apis": "0.13.0",
     "@tuturuuu/hooks": "0.1.2",
     "@tuturuuu/icons": "0.1.1",
-    "@tuturuuu/internal-api": "0.48.0",
+    "@tuturuuu/internal-api": "0.49.0",
+    "@tuturuuu/realtime": "0.10.0",
     "@tuturuuu/supabase": "0.5.2",
-    "@tuturuuu/utils": "0.33.2",
+    "@tuturuuu/utils": "0.34.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -144,7 +145,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 +155,7 @@
     "@tanstack/react-table": "^9.2.4",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
-    "@tuturuuu/types": "0.33.1",
+    "@tuturuuu/types": "0.34.0",
     "@tuturuuu/typescript-config": "0.1.2",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.25",
@@ -179,6 +180,7 @@
     "@tanstack/react-table": "^9.0.0"
   },
   "exports": {
+    "./custom/education-todo": "./src/components/ui/custom/education-todo.tsx",
     "./globals.css": "./src/globals.css",
     "./marketing": "./src/components/ui/marketing/index.ts",
     "./postcss.config": "./postcss.config.mjs",
@@ -497,7 +499,8 @@
     "./custom/satellite-notification-popover": "./src/components/ui/custom/satellite-notification-popover.tsx",
     "./custom/notification-runtime": "./src/components/ui/custom/notification-runtime.tsx",
     "./finance/invoices/query-invalidation": "./src/components/ui/finance/invoices/query-invalidation.ts",
-    "./finance/shared/charts/use-finance-confidential-visibility": "./src/components/ui/finance/shared/charts/use-finance-confidential-visibility.ts"
+    "./finance/shared/charts/use-finance-confidential-visibility": "./src/components/ui/finance/shared/charts/use-finance-confidential-visibility.ts",
+    "./text-editor/collaboration-carets": "./src/components/ui/text-editor/collaboration-carets.ts"
   },
   "packageManager": "bun@1.4.1"
 }

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

@@ -0,0 +1,267 @@
+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 { Popover, PopoverTrigger } from '../../popover';
+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'
+    );
+  });
+});
+
+describe('workspace browser dropdown', () => {
+  it('keeps search and Hidden recovery in an anchored scrolling dropdown', async () => {
+    const onSelect = vi.fn();
+    const onDefault = vi.fn();
+    const onCreate = vi.fn();
+    const state = visibility({ hiddenIds: [other.id] });
+    render(
+      <Popover defaultOpen>
+        <PopoverTrigger>Choose workspace</PopoverTrigger>
+        <WorkspacePickerContent
+          presentation="dropdown"
+          workspaces={[one, other]}
+          visibility={state}
+          onSelect={onSelect}
+          onDefault={onDefault}
+          onCreate={onCreate}
+        />
+      </Popover>
+    );
+    const dropdown = screen.getByRole('dialog', { name: 'workspaces' });
+    expect(dropdown).toHaveAttribute('data-slot', 'popover-content');
+    expect(dropdown).not.toHaveClass('inset-0');
+    expect(dropdown).not.toHaveClass('h-dvh');
+    expect(dropdown).toHaveClass(
+      'max-h-[min(32rem,var(--radix-popover-content-available-height))]'
+    );
+    expect(dropdown).toHaveClass('overflow-hidden', 'flex-col');
+    const input = screen.getByRole('textbox', { name: 'search_workspace' });
+    const row = screen.getByRole('button', { name: 'Repeated name PRO' });
+    expect(row.closest('.overflow-y-auto')).not.toBeNull();
+    expect(screen.queryByText('Another workspace')).toBeNull();
+    fireEvent.click(row);
+    expect(onSelect).toHaveBeenCalledWith(one);
+    fireEvent.click(screen.getByRole('button', { name: 'default_workspace' }));
+    expect(onDefault).toHaveBeenCalledWith(one.id);
+    const create = screen.getByRole('button', {
+      name: 'create_workspace_action',
+    });
+    const createFooter = create.parentElement;
+    expect(createFooter).not.toHaveClass('absolute');
+    fireEvent.click(create);
+    expect(onCreate).toHaveBeenCalledOnce();
+    fireEvent.change(input, { target: { value: 'missing' } });
+    expect(
+      screen.queryByRole('button', { name: 'Repeated name PRO' })
+    ).toBeNull();
+    fireEvent.click(screen.getByRole('button', { name: 'hidden_workspaces' }));
+    expect(input).toHaveValue('');
+    expect(dropdown).toHaveAccessibleName('hidden_workspaces');
+    expect(createFooter).toHaveClass('hidden');
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'restore_workspace: Another workspace',
+      })
+    );
+    expect(state.setHidden).toHaveBeenCalledWith(other.id, false);
+    expect(onSelect).toHaveBeenCalledTimes(1);
+    fireEvent.keyDown(dropdown, { key: 'Escape' });
+    await waitFor(() => expect(screen.queryByRole('dialog')).toBeNull());
+  });
+});
+
+it.each([false, true])(
+  'closes its popover with an optional callback: %s',
+  async (withCallback) => {
+    const onClose = vi.fn();
+    render(
+      <Popover defaultOpen>
+        <PopoverTrigger>Choose workspace</PopoverTrigger>
+        <WorkspacePickerContent
+          presentation="dropdown"
+          workspaces={[one]}
+          visibility={visibility()}
+          onSelect={vi.fn()}
+          onDefault={vi.fn()}
+          onClose={withCallback ? onClose : undefined}
+        />
+      </Popover>
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'close' }));
+    await waitFor(() => expect(screen.queryByRole('dialog')).toBeNull());
+    expect(onClose).toHaveBeenCalledTimes(withCallback ? 1 : 0);
+  }
+);

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/education-todo.test.tsx

@@ -0,0 +1,131 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { EducationTodo } from './education-todo';
+
+const state = vi.hoisted(() => ({
+  query: vi.fn(),
+  refetch: vi.fn(),
+  error: false,
+}));
+vi.mock('@tanstack/react-query', () => ({
+  useQuery: (options: unknown) => {
+    state.query(options);
+    return {
+      isError: state.error,
+      isPending: false,
+      refetch: state.refetch,
+      data: {
+        count: 30,
+        totalPages: 2,
+        data: [
+          {
+            id: 'done',
+            title: 'Completed synthetic work',
+            courseId: 'course',
+            completed: true,
+          },
+          {
+            id: 'open',
+            title: 'Open synthetic work',
+            courseId: 'course',
+            completed: false,
+          },
+        ],
+      },
+    };
+  },
+}));
+vi.mock('@tuturuuu/internal-api/teach', () => ({ listEducationTodo: vi.fn() }));
+const translate = (key: string) => key;
+describe('personal education work controls', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    state.error = false;
+  });
+  it('separates actor caches, paginates and resets page on category switch', () => {
+    const { rerender } = render(
+      <EducationTodo
+        app="learn"
+        wsId="workspace"
+        actorId="actor-one"
+        t={translate}
+      />
+    );
+    expect(state.query).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        queryKey: [
+          'education-todo',
+          'learn',
+          'workspace',
+          'actor-one',
+          'tutoring',
+          1,
+        ],
+      })
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'next' }));
+    expect(state.query).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        queryKey: [
+          'education-todo',
+          'learn',
+          'workspace',
+          'actor-one',
+          'tutoring',
+          2,
+        ],
+      })
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'assignments' }));
+    expect(screen.queryByText('Completed synthetic work')).toBeNull();
+    expect(screen.getByText('Open synthetic work')).toBeTruthy();
+    expect(state.query).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        queryKey: [
+          'education-todo',
+          'learn',
+          'workspace',
+          'actor-one',
+          'assignments',
+          1,
+        ],
+      })
+    );
+    fireEvent.click(screen.getByRole('checkbox'));
+    expect(screen.getByText('Completed synthetic work')).toBeTruthy();
+    rerender(
+      <EducationTodo
+        app="learn"
+        wsId="workspace"
+        actorId="actor-two"
+        t={translate}
+      />
+    );
+    expect(state.query).toHaveBeenLastCalledWith(
+      expect.objectContaining({
+        queryKey: [
+          'education-todo',
+          'learn',
+          'workspace',
+          'actor-two',
+          'assignments',
+          1,
+        ],
+      })
+    );
+  });
+  it('offers retry on errors without rendering stale assigned rows', () => {
+    state.error = true;
+    render(
+      <EducationTodo
+        app="teach"
+        wsId="workspace"
+        actorId="actor"
+        t={translate}
+      />
+    );
+    expect(screen.queryByText('Open synthetic work')).toBeNull();
+    fireEvent.click(screen.getByRole('button', { name: 'retry' }));
+    expect(state.refetch).toHaveBeenCalledOnce();
+  });
+});