@tuturuuu/ui 0.12.0 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # Changelog
 
+## [0.14.0](https://github.com/tutur3u/platform/compare/ui-v0.13.0...ui-v0.14.0) (2026-07-06)
+
+
+### Features
+
+* **tasks:** add quick-create targeting and edge autoscroll ([f03e932](https://github.com/tutur3u/platform/commit/f03e9324b0cce18e9f9974cc8fe251bb58b686bd))
+
+
+### Bug Fixes
+
+* **tasks:** scroll kanban board at drag edges ([1053f6c](https://github.com/tutur3u/platform/commit/1053f6cc6db9788b7e184ed8bc7febdb2adacf97))
+
+## [0.13.0](https://github.com/tutur3u/platform/compare/ui-v0.12.0...ui-v0.13.0) (2026-07-05)
+
+
+### Features
+
+* **satellite:** open settings on Cmd/Ctrl+, in satellite apps ([841f425](https://github.com/tutur3u/platform/commit/841f42557dd49eb31fd797900b1ec6ade6642dba))
+
+
+### Bug Fixes
+
+* **tasks:** harden satellite task route hydration ([9d51a38](https://github.com/tutur3u/platform/commit/9d51a38ad948ebb398bec794f082f2bbf8d466cc))
+* **tasks:** keep personal board moves on workspace route ([60e29b0](https://github.com/tutur3u/platform/commit/60e29b093314b3b185f3f63a69042a665644ed3d))
+* **tasks:** keep personal moves off placement API ([d8c41d7](https://github.com/tutur3u/platform/commit/d8c41d790f5edbe637b9ce71bbd5040b7fddbfa5))
+* **tasks:** restore satellite resource access ([ec5e0a8](https://github.com/tutur3u/platform/commit/ec5e0a8d75398047e0151ae2ac3cd9a25a4fd675))
+* **tasks:** route native personal task moves normally ([5bbba3c](https://github.com/tutur3u/platform/commit/5bbba3c3f193e722cc87cdfe2eb2734f61442cd0))
+
 ## [0.12.0](https://github.com/tutur3u/platform/compare/ui-v0.11.1...ui-v0.12.0) (2026-07-03)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -85,12 +85,12 @@
     "@tiptap/react": "3.27.1",
     "@tiptap/starter-kit": "3.27.1",
     "@tuturuuu/ai": "0.2.2",
-    "@tuturuuu/apis": "0.7.0",
+    "@tuturuuu/apis": "0.7.2",
     "@tuturuuu/hooks": "0.0.2",
     "@tuturuuu/icons": "0.0.6",
-    "@tuturuuu/internal-api": "0.14.0",
+    "@tuturuuu/internal-api": "0.15.0",
     "@tuturuuu/supabase": "0.4.0",
-    "@tuturuuu/utils": "0.12.1",
+    "@tuturuuu/utils": "0.13.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",

package/src/components/ui/calendar-app/components/habits-panel.tsx

@@ -15,6 +15,7 @@ import { getRecurrenceDescription } from '@tuturuuu/types/primitives/Habit';
 import { cn } from '@tuturuuu/utils/format';
 import Link from 'next/link';
 import { useState } from 'react';
+import { getTaskApiUrl, getTasksAppUrl } from '../../../../lib/tasks-app-url';
 import { Badge } from '../../badge';
 import { Button } from '../../button';
 import { Card, CardContent } from '../../card';
@@ -65,7 +66,9 @@ export function HabitsPanel({ wsId }: HabitsPanelProps) {
   } = useQuery({
     queryKey: ['habits', wsId],
     queryFn: async () => {
-      const response = await fetch(`/api/v1/workspaces/${wsId}/habits`);
+      const response = await fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/habits`)
+      );
       if (!response.ok) {
         throw new Error('Failed to fetch habits');
       }
@@ -308,7 +311,7 @@ export function HabitsPanel({ wsId }: HabitsPanelProps) {
 
       {/* Footer */}
       <div className="border-t p-3">
-        <Link href={`/${wsId}/tasks/habits`}>
+        <Link href={getTasksAppUrl(`/${wsId}/habits`)}>
           <Button variant="outline" size="sm" className="w-full">
             Manage Habits
           </Button>

package/src/components/ui/calendar-app/components/priority-view.tsx

@@ -32,6 +32,7 @@ import { useRouter } from 'next/navigation';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
 import { useCalendar } from '../../../../hooks/use-calendar';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import { Progress } from '../../progress';
 import { toast } from '../../sonner';
 import type { ExtendedWorkspaceTask } from '../../time-tracker/types';
@@ -263,9 +264,11 @@ export default function PriorityView({
       const results = await Promise.allSettled(
         tasksToFetchSchedule.map(async (task) => {
           const response = await fetch(
-            isPersonalWorkspace
-              ? `/api/v1/users/me/tasks/${task.id}/schedule`
-              : `/api/v1/workspaces/${task.ws_id ?? wsId}/tasks/${task.id}/schedule`,
+            getTaskApiUrl(
+              isPersonalWorkspace
+                ? `/api/v1/users/me/tasks/${task.id}/schedule`
+                : `/api/v1/workspaces/${task.ws_id ?? wsId}/tasks/${task.id}/schedule`
+            ),
             { cache: 'no-store' }
           );
           if (!response.ok) {
@@ -378,10 +381,15 @@ export default function PriorityView({
     const task = combinedTasks.find((t) => t.id === taskId);
     const taskWsId = task?.ws_id ?? wsId;
 
-    const response = await fetch(`/api/${taskWsId}/task/${taskId}/edit`, {
-      method: 'PATCH',
-      body: JSON.stringify({ priority: newPriority }),
-    });
+    const response = await fetch(
+      getTaskApiUrl(`/api/${taskWsId}/task/${taskId}/edit`),
+      {
+        method: 'PATCH',
+        credentials: 'include',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ priority: newPriority }),
+      }
+    );
 
     if (!response.ok) {
       throw new Error('Failed to update task priority');

package/src/components/ui/calendar-app/components/scheduling-dialog.tsx

@@ -17,6 +17,7 @@ import { createClient } from '@tuturuuu/supabase/next/client';
 import { cn } from '@tuturuuu/utils/format';
 import { useRouter } from 'next/navigation';
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import { Button } from '../../button';
 import {
   Dialog,
@@ -226,9 +227,12 @@ export function SchedulingDialog({
     queryKey: ['task-personal-schedule', task?.id, open],
     enabled: open && !!task?.id,
     queryFn: async () => {
-      const res = await fetch(`/api/v1/users/me/tasks/${task!.id}/schedule`, {
-        cache: 'no-store',
-      });
+      const res = await fetch(
+        getTaskApiUrl(`/api/v1/users/me/tasks/${task!.id}/schedule`),
+        {
+          cache: 'no-store',
+        }
+      );
       if (!res.ok) return null;
       return (await res.json()) as null | {
         task: {

package/src/components/ui/calendar-app/components/task-scheduler-panel.tsx

@@ -15,6 +15,7 @@ import {
 import type { TaskWithScheduling } from '@tuturuuu/types';
 import { cn } from '@tuturuuu/utils/format';
 import { useState } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import { Badge } from '../../badge';
 import { Button } from '../../button';
 import { Input } from '../../input';
@@ -147,11 +148,14 @@ export function TaskSchedulerPanel({
 
     try {
       const response = await fetch(
-        isPersonalWorkspace
-          ? `/api/v1/users/me/tasks/${task.id}/schedule`
-          : `/api/v1/workspaces/${wsId}/tasks/${task.id}/schedule`,
+        getTaskApiUrl(
+          isPersonalWorkspace
+            ? `/api/v1/users/me/tasks/${task.id}/schedule`
+            : `/api/v1/workspaces/${wsId}/tasks/${task.id}/schedule`
+        ),
         {
           method: 'POST',
+          credentials: 'include',
           headers: { 'Content-Type': 'application/json' },
         }
       );

package/src/components/ui/calendar-app/components/time-tracker/index.tsx

@@ -17,6 +17,7 @@ import {
 import type { TimeTrackingCategory } from '@tuturuuu/types';
 import { cn } from '@tuturuuu/utils/format';
 import { useCallback, useEffect, useState } from 'react';
+import { getTaskApiUrl } from '../../../../../lib/tasks-app-url';
 import { Badge } from '../../../badge';
 import { Button } from '../../../button';
 import { Card, CardContent, CardHeader, CardTitle } from '../../../card';
@@ -201,15 +202,19 @@ export default function TimeTracker({ wsId, tasks = [] }: TimeTrackerProps) {
     setIsCreatingTask(true);
 
     try {
-      const response = await fetch(`/api/v1/workspaces/${wsId}/tasks`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          name: newTaskName,
-          description: newTaskDescription || null,
-          listId: selectedListId,
-        }),
-      });
+      const response = await fetch(
+        getTaskApiUrl(`/api/v1/workspaces/${wsId}/tasks`),
+        {
+          method: 'POST',
+          credentials: 'include',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            name: newTaskName,
+            description: newTaskDescription || null,
+            listId: selectedListId,
+          }),
+        }
+      );
 
       if (!response.ok) throw new Error('Failed to create task');
 

package/src/components/ui/custom/settings/task-settings.tsx

@@ -7,6 +7,7 @@ import {
   TASK_NAVIGATION_LEADERBOARDS_CONFIG_ID,
   TASK_NAVIGATION_PROGRESS_CONFIG_ID,
   TASK_NAVIGATION_STATS_CONFIG_ID,
+  TASK_QUICK_CREATE_TARGET_LIST_CONFIG_ID,
 } from '@tuturuuu/internal-api/users';
 import type { Workspace } from '@tuturuuu/types';
 import { SettingItemTab } from '@tuturuuu/ui/custom/settings-item-tab';
@@ -27,12 +28,18 @@ import { toast } from '@tuturuuu/ui/sonner';
 import { Switch } from '@tuturuuu/ui/switch';
 import { useTranslations } from 'next-intl';
 import { useEffect } from 'react';
+import { getTaskApiUrl } from '../../../../lib/tasks-app-url';
 import {
   normalizeTaskDialogPresentation,
   TASK_DIALOG_DEFAULT_PRESENTATION_CONFIG_ID,
   type TaskDialogPresentation,
 } from '../../tu-do/shared/task-dialog-presentation';
 import { TASKS_SHOW_REVIEW_DUE_DATES_CONFIG_ID } from '../../tu-do/shared/task-due-date-visibility';
+import {
+  DEFAULT_TASK_QUICK_CREATE_TARGET_LIST,
+  normalizeTaskQuickCreateTargetList,
+  type TaskQuickCreateTargetList,
+} from '../../tu-do/shared/task-quick-create-target-list';
 import {
   clampTaskSoundEffectsVolume,
   DEFAULT_TASK_SOUND_EFFECTS_VOLUME,
@@ -141,11 +148,21 @@ export function TaskSettings({ workspace }: TaskSettingsProps) {
   const { data: dialogPresentationRaw, isLoading: dialogPresentationLoading } =
     useUserConfig(TASK_DIALOG_DEFAULT_PRESENTATION_CONFIG_ID, 'compact');
   const updateDialogPresentation = useUpdateUserConfig();
+  const {
+    data: quickCreateTargetListRaw,
+    isLoading: quickCreateTargetListLoading,
+  } = useUserConfig(
+    TASK_QUICK_CREATE_TARGET_LIST_CONFIG_ID,
+    DEFAULT_TASK_QUICK_CREATE_TARGET_LIST
+  );
+  const updateQuickCreateTargetList = useUpdateUserConfig();
 
   const { data: settings, isLoading } = useQuery({
     queryKey: ['user-task-settings'],
     queryFn: async (): Promise<TaskSettingsData> => {
-      const res = await fetch('/api/v1/users/task-settings');
+      const res = await fetch(getTaskApiUrl('/api/v1/users/task-settings'), {
+        credentials: 'include',
+      });
       if (!res.ok) throw new Error('Failed to fetch task settings');
       return res.json();
     },
@@ -162,8 +179,9 @@ export function TaskSettings({ workspace }: TaskSettingsProps) {
 
   const updateSettings = useMutation({
     mutationFn: async (data: Partial<TaskSettingsData>) => {
-      const res = await fetch('/api/v1/users/task-settings', {
+      const res = await fetch(getTaskApiUrl('/api/v1/users/task-settings'), {
         method: 'PATCH',
+        credentials: 'include',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify(data),
       });
@@ -207,6 +225,9 @@ export function TaskSettings({ workspace }: TaskSettingsProps) {
   const dialogPresentation = normalizeTaskDialogPresentation(
     dialogPresentationRaw
   );
+  const quickCreateTargetList = normalizeTaskQuickCreateTargetList(
+    quickCreateTargetListRaw
+  );
 
   const handleDialogPresentationChange = (value: string) => {
     const nextValue: TaskDialogPresentation = normalizeTaskDialogPresentation(
@@ -219,6 +240,15 @@ export function TaskSettings({ workspace }: TaskSettingsProps) {
     });
   };
 
+  const handleQuickCreateTargetListChange = (value: string) => {
+    const nextValue: TaskQuickCreateTargetList =
+      normalizeTaskQuickCreateTargetList(value);
+    updateQuickCreateTargetList.mutate({
+      configId: TASK_QUICK_CREATE_TARGET_LIST_CONFIG_ID,
+      value: nextValue,
+    });
+  };
+
   return (
     <div className="space-y-8">
       <div className="grid gap-6">
@@ -326,6 +356,35 @@ export function TaskSettings({ workspace }: TaskSettingsProps) {
           </Select>
         </SettingItemTab>
         <Separator />
+        <SettingItemTab
+          title={t('quick_create_target_list')}
+          description={t('quick_create_target_list_description')}
+        >
+          <Select
+            value={quickCreateTargetList}
+            onValueChange={handleQuickCreateTargetListChange}
+            disabled={
+              quickCreateTargetListLoading ||
+              updateQuickCreateTargetList.isPending
+            }
+          >
+            <SelectTrigger
+              aria-label={t('quick_create_target_list')}
+              className="w-44"
+            >
+              <SelectValue />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="default_list">
+                {t('quick_create_target_list_default')}
+              </SelectItem>
+              <SelectItem value="hovered_list">
+                {t('quick_create_target_list_hovered')}
+              </SelectItem>
+            </SelectContent>
+          </Select>
+        </SettingItemTab>
+        <Separator />
         <SettingItemTab
           title={t('draft_mode')}
           description={t('draft_mode_description')}

package/src/components/ui/custom/tables/data-table.tsx

@@ -9,6 +9,7 @@ import {
   getFacetedUniqueValues,
   getFilteredRowModel,
   getSortedRowModel,
+  type Row,
   type SortingState,
   useReactTable,
   type VisibilityState,
@@ -27,6 +28,15 @@ import {
 import { DataTablePagination } from './data-table-pagination';
 import { DataTableToolbar } from './data-table-toolbar';
 
+function isInteractiveTarget(target: EventTarget | null) {
+  if (!(target instanceof HTMLElement)) return false;
+  return Boolean(
+    target.closest(
+      'a, button, input, select, textarea, label, [role="menuitem"], [data-no-row-activate]'
+    )
+  );
+}
+
 /**
  * Options for column generator functions.
  * Using named parameters improves readability and maintainability.
@@ -79,6 +89,8 @@ export interface DataTableProps<TData, TValue> {
   /** Custom toolbar actions rendered directly (not wrapped in dialogs) */
   toolbarActions?: ReactNode;
   className?: string;
+  tableCardClassName?: string;
+  tableClassName?: string;
   preserveParams?: string[];
   onRefresh?: () => void;
   selectedRowsActions?: (selectedRows: TData[]) => ReactNode;
@@ -87,6 +99,7 @@ export interface DataTableProps<TData, TValue> {
 
   onRowClick?: (row: TData) => void;
   onRowDoubleClick?: (row: TData) => void;
+  getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
 
   setParams?: (params: {
     page?: number;
@@ -127,11 +140,14 @@ export function DataTable<TData, TValue>({
   toolbarExportContent,
   toolbarActions,
   className,
+  tableCardClassName,
+  tableClassName,
   onRefresh,
   selectedRowsActions,
   onSearch,
   onRowClick,
   onRowDoubleClick,
+  getRowId,
   setParams,
   resetParams,
   columnGenerator,
@@ -169,6 +185,7 @@ export function DataTable<TData, TValue>({
         : undefined,
     enableRowSelection: true,
     autoResetPageIndex: true,
+    getRowId,
     onRowSelectionChange: setRowSelection,
     onSortingChange: enableServerSideSorting
       ? (updaterOrValue) => {
@@ -232,16 +249,23 @@ export function DataTable<TData, TValue>({
           toolbarActions={toolbarActions}
         />
       )}
-      <Card>
-        <Table>
+      <Card className={tableCardClassName}>
+        <Table className={tableClassName}>
           <TableHeader>
             {table.getHeaderGroups().map((headerGroup) => (
               <TableRow key={headerGroup.id}>
                 {headerGroup.headers.map((header) => {
+                  const meta = header.column.columnDef.meta as
+                    | { className?: string }
+                    | undefined;
+
                   return (
                     <TableHead
                       key={header.id}
-                      className="bg-foreground/5 font-semibold text-foreground/70 first:rounded-tl-xl last:rounded-tr-xl"
+                      className={cn(
+                        'bg-foreground/5 font-semibold text-foreground/70 first:rounded-tl-xl last:rounded-tr-xl',
+                        meta?.className
+                      )}
                     >
                       {header.isPlaceholder
                         ? null
@@ -258,16 +282,42 @@ export function DataTable<TData, TValue>({
           <TableBody>
             {table.getRowModel().rows?.length ? (
               table.getRowModel().rows.map((row) => {
+                const isInteractiveRow = Boolean(
+                  onRowClick || onRowDoubleClick
+                );
                 const tableRow = (
                   <TableRow
                     key={`${namespace}-${row.id}`}
                     data-state={row.getIsSelected() && 'selected'}
-                    className="cursor-pointer"
-                    onClick={() => onRowClick?.(row.original)}
-                    onDoubleClick={() => onRowDoubleClick?.(row.original)}
+                    className={cn(isInteractiveRow && 'cursor-pointer')}
+                    onClick={(event) => {
+                      if (isInteractiveTarget(event.target)) return;
+                      onRowClick?.(row.original);
+                    }}
+                    onDoubleClick={(event) => {
+                      if (isInteractiveTarget(event.target)) return;
+                      onRowDoubleClick?.(row.original);
+                    }}
+                    onKeyDown={(event) => {
+                      if (!onRowClick) return;
+                      if (event.key !== 'Enter' && event.key !== ' ') return;
+                      if (isInteractiveTarget(event.target)) return;
+                      event.preventDefault();
+                      onRowClick(row.original);
+                    }}
+                    tabIndex={onRowClick ? 0 : undefined}
                   >
                     {row.getVisibleCells().map((cell) => (
-                      <TableCell key={`${namespace}-${cell.id}`}>
+                      <TableCell
+                        key={`${namespace}-${cell.id}`}
+                        className={
+                          (
+                            cell.column.columnDef.meta as
+                              | { cellClassName?: string }
+                              | undefined
+                          )?.cellClassName
+                        }
+                      >
                         {flexRender(
                           cell.column.columnDef.cell,
                           cell.getContext()
@@ -293,7 +343,7 @@ export function DataTable<TData, TValue>({
                 >
                   {data
                     ? `${t?.('common.no-results')}.`
-                    : `${t?.('common.loading')}...`}
+                    : `${t?.('common.loading')}…`}
                 </TableCell>
               </TableRow>
             )}

package/src/components/ui/tu-do/boards/boardId/board-column.tsx

@@ -182,6 +182,7 @@ interface BoardColumnProps {
   specialPinned?: boolean;
   specialStickyOffset?: string;
   onSpecialPinnedChange?: (pinned: boolean) => void;
+  onHoverTaskList?: (listId: string) => void;
   readOnly?: boolean;
 }
 
@@ -214,6 +215,7 @@ export function BoardColumn({
   specialPinned = false,
   specialStickyOffset,
   onSpecialPinnedChange,
+  onHoverTaskList,
   readOnly = false,
 }: BoardColumnProps) {
   const t = useTranslations('common');
@@ -530,6 +532,7 @@ export function BoardColumn({
         data-kanban-pinned-special={specialStickyOffset ? 'true' : undefined}
         data-kanban-column-id={column.id}
         data-kanban-real-column={isExternalStaging ? undefined : 'true'}
+        onPointerEnter={() => onHoverTaskList?.(column.id)}
         className={cn(
           'group flex h-full w-14 shrink-0 snap-start flex-col items-center rounded-xl border border-dashed transition-all duration-200',
           'touch-none select-none overflow-hidden hover:shadow-md',
@@ -583,6 +586,7 @@ export function BoardColumn({
       data-kanban-pinned-special={specialStickyOffset ? 'true' : undefined}
       data-kanban-column-id={column.id}
       data-kanban-real-column={isExternalStaging ? undefined : 'true'}
+      onPointerEnter={() => onHoverTaskList?.(column.id)}
       className={cn(
         'group flex h-full w-[var(--kanban-column-width)] shrink-0 snap-start flex-col rounded-xl transition-all duration-200 last:snap-end',
         'touch-none select-none',

package/src/components/ui/tu-do/boards/boardId/kanban/dnd/auto-scroll.test.ts

@@ -0,0 +1,118 @@
+import type { DragMoveEvent } from '@dnd-kit/core';
+import { describe, expect, it } from 'vitest';
+import {
+  getKanbanDragAutoScrollPointerX,
+  getKanbanEdgeAutoScrollAmount,
+} from './auto-scroll';
+
+const rect = {
+  left: 100,
+  right: 500,
+};
+
+function createDragMoveEvent({
+  deltaX = 0,
+  initialLeft = 200,
+  pointerStartX,
+  translatedLeft = initialLeft,
+  width = 80,
+}: {
+  deltaX?: number;
+  initialLeft?: number;
+  pointerStartX?: number;
+  translatedLeft?: number | null;
+  width?: number;
+}) {
+  return {
+    active: {
+      rect: {
+        current: {
+          initial: {
+            left: initialLeft,
+            width,
+          },
+          translated:
+            translatedLeft === null
+              ? null
+              : {
+                  left: translatedLeft,
+                  width,
+                },
+        },
+      },
+    },
+    activatorEvent:
+      pointerStartX === undefined
+        ? ({ type: 'keydown' } as Event)
+        : ({ clientX: pointerStartX } as unknown as Event),
+    delta: {
+      x: deltaX,
+      y: 0,
+    },
+  } as unknown as DragMoveEvent;
+}
+
+describe('getKanbanEdgeAutoScrollAmount', () => {
+  it('scrolls left when the drag center is near the left edge', () => {
+    expect(
+      getKanbanEdgeAutoScrollAmount(125, rect, {
+        threshold: 100,
+        speed: 10,
+        maxSpeed: 30,
+      })
+    ).toBeLessThan(0);
+  });
+
+  it('scrolls right when the drag center is near the right edge', () => {
+    expect(
+      getKanbanEdgeAutoScrollAmount(475, rect, {
+        threshold: 100,
+        speed: 10,
+        maxSpeed: 30,
+      })
+    ).toBeGreaterThan(0);
+  });
+
+  it('does nothing away from horizontal edges or without a drag center', () => {
+    expect(getKanbanEdgeAutoScrollAmount(300, rect)).toBe(0);
+    expect(getKanbanEdgeAutoScrollAmount(null, rect)).toBe(0);
+  });
+
+  it('uses pointer position for edge auto-scroll instead of card center', () => {
+    const pointerX = getKanbanDragAutoScrollPointerX(
+      createDragMoveEvent({
+        deltaX: 215,
+        pointerStartX: 260,
+        translatedLeft: 190,
+        width: 80,
+      })
+    );
+
+    expect(pointerX).toBe(475);
+    expect(
+      getKanbanEdgeAutoScrollAmount(pointerX, rect, {
+        threshold: 100,
+        speed: 10,
+        maxSpeed: 30,
+      })
+    ).toBeGreaterThan(0);
+    expect(
+      getKanbanEdgeAutoScrollAmount(230, rect, {
+        threshold: 100,
+        speed: 10,
+        maxSpeed: 30,
+      })
+    ).toBe(0);
+  });
+
+  it('falls back to the active card center without pointer coordinates', () => {
+    expect(
+      getKanbanDragAutoScrollPointerX(
+        createDragMoveEvent({
+          translatedLeft: 370,
+          width: 100,
+        })
+      )
+    ).toBe(420);
+  });
+});