{(provided) => (
{
+ scrollRef.current = el;
+ provided.innerRef(el);
+ }}
className="flex overflow-x-scroll gap-4 pb-4 kanban-scrollbar"
>
{orderedColumns.map((column, index) => {
diff --git a/src/features/github-integration/components/connect-repository.tsx b/src/features/github-integration/components/connect-repository.tsx
index 7d085349..4955739e 100644
--- a/src/features/github-integration/components/connect-repository.tsx
+++ b/src/features/github-integration/components/connect-repository.tsx
@@ -50,11 +50,13 @@ type FormValues = z.infer;
interface ConnectRepositoryProps {
projectId: string;
isUpdate?: boolean;
+ canManage?: boolean;
}
export const ConnectRepository = ({
projectId,
isUpdate = false,
+ canManage = false,
}: ConnectRepositoryProps) => {
const [open, setOpen] = useState(false);
const [isCheckingRepo, setIsCheckingRepo] = useState(false);
@@ -174,6 +176,7 @@ export const ConnectRepository = ({
};
if (isUpdate && repository) {
+ if (!canManage) return null;
return (
<>
@@ -330,6 +333,8 @@ export const ConnectRepository = ({
);
}
+ if (!canManage) return null;
+
return (
) : view === "board" ? (
/* Board View - Kanban Style with drag and drop */
-
-
+
{
+ handleDragEnd();
+ onDragEnd(result);
+ }}
+ onDragStart={handleDragStart}
+ >
+
{visibleColumns.map((column) => {
const items = itemsByStatus[column.id] || [];
return (
diff --git a/src/features/tasks/components/data-kanban.tsx b/src/features/tasks/components/data-kanban.tsx
index 4ef11254..af5692da 100644
--- a/src/features/tasks/components/data-kanban.tsx
+++ b/src/features/tasks/components/data-kanban.tsx
@@ -20,6 +20,7 @@ import { useCreateTaskModal } from "../hooks/use-create-task-modal";
import { useGetProject } from "@/features/projects/api/use-get-project";
import { useValidateTransition, TransitionValidationResult } from "@/features/workflows/api/use-validate-transition";
import { useGetWorkflowStatuses } from "@/features/workflows/api/use-get-workflow-statuses";
+import { useKanbanAutoScroll } from "@/hooks/use-kanban-auto-scroll";
const boards: TaskStatus[] = [
TaskStatus.TODO,
@@ -92,6 +93,7 @@ export const DataKanban = ({
const { mutate: bulkUpdateTasks } = useBulkUpdateTasks();
const { open: openCreateTask } = useCreateTaskModal();
const { mutateAsync: validateTransition } = useValidateTransition();
+ const { scrollRef, handleDragStart, handleDragEnd } = useKanbanAutoScroll();
// Check if TODO column should be visible (only when tasks are TODO or unassigned)
const shouldShowTodoColumn = useMemo(() => {
@@ -456,8 +458,14 @@ export const DataKanban = ({
+
{
+ handleDragEnd();
+ onDragEnd(result);
+ }}
+ onDragStart={handleDragStart}
+ >
+
{visibleBoards.map((board) => {
const selectedInColumn = tasks[board].filter(task =>
selectedTasks.has(task.$id)
diff --git a/src/features/tasks/components/task-preview-modal.tsx b/src/features/tasks/components/task-preview-modal.tsx
index 2f605af8..750583be 100644
--- a/src/features/tasks/components/task-preview-modal.tsx
+++ b/src/features/tasks/components/task-preview-modal.tsx
@@ -760,6 +760,11 @@ export const TaskPreviewModalWrapper = () => {
const closeAttachmentPreview = () => setPreviewAttachment(null);
+ // Reset attachment preview when the task changes
+ useEffect(() => {
+ setPreviewAttachment(null);
+ }, [taskId]);
+
// Prevent body scroll when modal is open
useEffect(() => {
if (isOpen) {
diff --git a/src/hooks/use-kanban-auto-scroll.ts b/src/hooks/use-kanban-auto-scroll.ts
new file mode 100644
index 00000000..6bb0f45e
--- /dev/null
+++ b/src/hooks/use-kanban-auto-scroll.ts
@@ -0,0 +1,93 @@
+"use client";
+
+/**
+ * useKanbanAutoScroll
+ *
+ * Provides edge-based horizontal auto-scroll for a Kanban board container
+ * while the user is dragging a card.
+ *
+ * Usage:
+ * 1. Attach `scrollRef` to the horizontally scrollable container element.
+ * 2. Pass `onDragStart` / `onDragEnd` to .
+ *
+ * The hook listens to global `pointermove` events so it works even when the
+ * pointer has left the container boundary (which is exactly what happens when
+ * you drag towards the edge of the visible area).
+ */
+
+import { useRef, useEffect, useCallback } from "react";
+
+/** Distance from the container edge that triggers scrolling (px). */
+const SCROLL_ZONE = 120;
+/** Maximum scroll speed (px per animation frame). */
+const MAX_SPEED = 16;
+
+export function useKanbanAutoScroll() {
+ const scrollRef = useRef(null);
+ const isDraggingRef = useRef(false);
+ const pointerXRef = useRef(0);
+ const rafRef = useRef(null);
+
+ // ── animation loop ────────────────────────────────────────────────────────
+ const tick = useCallback(() => {
+ const el = scrollRef.current;
+ if (!el || !isDraggingRef.current) return;
+
+ const rect = el.getBoundingClientRect();
+ const px = pointerXRef.current;
+
+ const distLeft = px - rect.left;
+ const distRight = rect.right - px;
+
+ if (distLeft < SCROLL_ZONE && distLeft > 0) {
+ // scroll left — faster the closer you are
+ const speed = MAX_SPEED * (1 - distLeft / SCROLL_ZONE);
+ el.scrollLeft -= speed;
+ } else if (distRight < SCROLL_ZONE && distRight > 0) {
+ // scroll right
+ const speed = MAX_SPEED * (1 - distRight / SCROLL_ZONE);
+ el.scrollLeft += speed;
+ }
+
+ rafRef.current = requestAnimationFrame(tick);
+ }, []);
+
+ // ── pointer tracking ───────────────────────────────────────────────────────
+ useEffect(() => {
+ const handlePointerMove = (e: PointerEvent | MouseEvent) => {
+ pointerXRef.current = e.clientX;
+ };
+
+ // Use `pointermove` (covers touch + mouse). Fall back to `mousemove`.
+ window.addEventListener("pointermove", handlePointerMove, { passive: true });
+ window.addEventListener("mousemove", handlePointerMove, { passive: true });
+
+ return () => {
+ window.removeEventListener("pointermove", handlePointerMove);
+ window.removeEventListener("mousemove", handlePointerMove);
+ };
+ }, []);
+
+ // ── drag lifecycle callbacks ───────────────────────────────────────────────
+ const handleDragStart = useCallback(() => {
+ isDraggingRef.current = true;
+ rafRef.current = requestAnimationFrame(tick);
+ }, [tick]);
+
+ const handleDragEnd = useCallback(() => {
+ isDraggingRef.current = false;
+ if (rafRef.current !== null) {
+ cancelAnimationFrame(rafRef.current);
+ rafRef.current = null;
+ }
+ }, []);
+
+ return {
+ /** Attach to the horizontally scrollable container element. */
+ scrollRef,
+ /** Pass as `onDragStart` to . */
+ handleDragStart,
+ /** Compose with the existing `onDragEnd` handler in . */
+ handleDragEnd,
+ };
+}
diff --git a/src/hooks/use-realtime-notifications.ts b/src/hooks/use-realtime-notifications.ts
index 08889b6c..b2f5fd28 100644
--- a/src/hooks/use-realtime-notifications.ts
+++ b/src/hooks/use-realtime-notifications.ts
@@ -150,12 +150,6 @@ export function useRealtimeNotifications({
return;
}
- // TEMPORARY FIX: Suppress real-time disconnected errors in dev mode
- if (process.env.NODE_ENV !== 'production') {
- setIsConnected(false);
- return;
- }
-
const client = getAppwriteClient();
const databaseId = process.env.NEXT_PUBLIC_APPWRITE_DATABASE_ID!;
const notificationsId = process.env.NEXT_PUBLIC_APPWRITE_NOTIFICATIONS_ID!;
diff --git a/src/lib/notifications.ts b/src/lib/notifications.ts
index 9e61885d..c6249bd9 100644
--- a/src/lib/notifications.ts
+++ b/src/lib/notifications.ts
@@ -266,7 +266,7 @@ export async function createNotification({
workspaceId,
triggeredBy,
metadata: JSON.stringify(metadata),
- read: false,
+ isRead: false,
},
[
`read("user:${userId}")`,
diff --git a/src/lib/notifications/dispatcher.ts b/src/lib/notifications/dispatcher.ts
index bb4f4292..5584cdde 100644
--- a/src/lib/notifications/dispatcher.ts
+++ b/src/lib/notifications/dispatcher.ts
@@ -311,7 +311,7 @@ class NotificationDispatcher {
workspaceId: event.workspaceId,
triggeredBy: event.triggeredBy,
metadata: JSON.stringify(payload.metadata || {}),
- read: false,
+ isRead: false,
},
[
`read("user:${userId}")`,