@locusai/web 0.1.7 → 0.2.2

package/src/app/settings/page.tsx

@@ -1,194 +0,0 @@
-"use client";
-
-import {
-  Bell,
-  Globe,
-  Moon,
-  Palette,
-  Shield,
-  Sun,
-  User,
-  Zap,
-} from "lucide-react";
-import { useState } from "react";
-import { Button } from "@/components/ui";
-
-interface SettingItemProps {
-  icon: React.ReactNode;
-  title: string;
-  description: string;
-  children: React.ReactNode;
-}
-
-function SettingItem({ icon, title, description, children }: SettingItemProps) {
-  return (
-    <div className="flex items-start justify-between p-4 rounded-xl hover:bg-secondary/30 transition-colors">
-      <div className="flex gap-4">
-        <div className="w-10 h-10 rounded-xl bg-secondary flex items-center justify-center text-muted-foreground shrink-0">
-          {icon}
-        </div>
-        <div>
-          <h4 className="font-medium text-foreground">{title}</h4>
-          <p className="text-sm text-muted-foreground mt-0.5">{description}</p>
-        </div>
-      </div>
-      <div className="shrink-0">{children}</div>
-    </div>
-  );
-}
-
-function Toggle({
-  checked,
-  onChange,
-}: {
-  checked: boolean;
-  onChange: (checked: boolean) => void;
-}) {
-  return (
-    <button
-      type="button"
-      role="switch"
-      aria-checked={checked}
-      onClick={() => onChange(!checked)}
-      className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 ${
-        checked ? "bg-primary" : "bg-secondary"
-      }`}
-    >
-      <span
-        className={`pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-lg ring-0 transition ${
-          checked ? "translate-x-5" : "translate-x-0"
-        }`}
-      />
-    </button>
-  );
-}
-
-export default function SettingsPage() {
-  const [darkMode, setDarkMode] = useState(true);
-  const [notifications, setNotifications] = useState(true);
-  const [autoRefresh, setAutoRefresh] = useState(true);
-  const [compactMode, setCompactMode] = useState(false);
-
-  return (
-    <div className="max-w-3xl">
-      <div className="mb-8">
-        <h1 className="text-2xl font-bold tracking-tight text-foreground">
-          Settings
-        </h1>
-        <p className="text-muted-foreground mt-1">
-          Manage your workspace preferences and configuration.
-        </p>
-      </div>
-
-      {/* Appearance Section */}
-      <div className="mb-8">
-        <h3 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-4 px-4">
-          Appearance
-        </h3>
-        <div className="bg-card border border-border/50 rounded-2xl overflow-hidden divide-y divide-border/50">
-          <SettingItem
-            icon={darkMode ? <Moon size={18} /> : <Sun size={18} />}
-            title="Dark Mode"
-            description="Toggle between light and dark theme"
-          >
-            <Toggle checked={darkMode} onChange={setDarkMode} />
-          </SettingItem>
-          <SettingItem
-            icon={<Palette size={18} />}
-            title="Accent Color"
-            description="Choose your preferred accent color"
-          >
-            <div className="flex gap-2">
-              {["#6366f1", "#8b5cf6", "#06b6d4", "#10b981", "#f59e0b"].map(
-                (color) => (
-                  <button
-                    key={color}
-                    className="w-6 h-6 rounded-full border-2 border-transparent hover:border-foreground/30 transition-colors"
-                    style={{ backgroundColor: color }}
-                  />
-                )
-              )}
-            </div>
-          </SettingItem>
-          <SettingItem
-            icon={<Zap size={18} />}
-            title="Compact Mode"
-            description="Reduce spacing for more content visibility"
-          >
-            <Toggle checked={compactMode} onChange={setCompactMode} />
-          </SettingItem>
-        </div>
-      </div>
-
-      {/* Notifications Section */}
-      <div className="mb-8">
-        <h3 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-4 px-4">
-          Notifications
-        </h3>
-        <div className="bg-card border border-border/50 rounded-2xl overflow-hidden divide-y divide-border/50">
-          <SettingItem
-            icon={<Bell size={18} />}
-            title="Push Notifications"
-            description="Receive notifications for task updates"
-          >
-            <Toggle checked={notifications} onChange={setNotifications} />
-          </SettingItem>
-          <SettingItem
-            icon={<Globe size={18} />}
-            title="Auto Refresh"
-            description="Automatically refresh board data"
-          >
-            <Toggle checked={autoRefresh} onChange={setAutoRefresh} />
-          </SettingItem>
-        </div>
-      </div>
-
-      {/* Account Section */}
-      <div className="mb-8">
-        <h3 className="text-xs font-bold uppercase tracking-widest text-muted-foreground mb-4 px-4">
-          Account
-        </h3>
-        <div className="bg-card border border-border/50 rounded-2xl overflow-hidden divide-y divide-border/50">
-          <SettingItem
-            icon={<User size={18} />}
-            title="Profile"
-            description="Update your personal information"
-          >
-            <Button variant="secondary" size="sm">
-              Edit
-            </Button>
-          </SettingItem>
-          <SettingItem
-            icon={<Shield size={18} />}
-            title="Security"
-            description="Manage authentication settings"
-          >
-            <Button variant="secondary" size="sm">
-              Configure
-            </Button>
-          </SettingItem>
-        </div>
-      </div>
-
-      {/* Danger Zone */}
-      <div>
-        <h3 className="text-xs font-bold uppercase tracking-widest text-destructive mb-4 px-4">
-          Danger Zone
-        </h3>
-        <div className="bg-destructive/5 border border-destructive/20 rounded-2xl p-6">
-          <div className="flex items-center justify-between">
-            <div>
-              <h4 className="font-medium text-foreground">Reset Workspace</h4>
-              <p className="text-sm text-muted-foreground mt-0.5">
-                Delete all tasks, documents, and settings
-              </p>
-            </div>
-            <Button variant="danger" size="sm">
-              Reset
-            </Button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

package/src/hooks/useTasks.ts

@@ -1,119 +0,0 @@
-"use client";
-
-import { AssigneeRole, TaskPriority, TaskStatus } from "@locusai/shared";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useCallback, useMemo, useState } from "react";
-
-import { taskService } from "@/services";
-
-export function useTasks() {
-  const queryClient = useQueryClient();
-
-  const {
-    data: tasks = [],
-    isLoading: loading,
-    error: queryError,
-    refetch: refreshTasks,
-  } = useQuery({
-    queryKey: ["tasks"],
-    queryFn: () => taskService.getAll(),
-    refetchInterval: 15000,
-  });
-
-  const error = queryError ? (queryError as Error).message : null;
-
-  // Filter state
-  const [searchQuery, setSearchQuery] = useState("");
-  const [priorityFilter, setPriorityFilter] = useState<TaskPriority | "ALL">(
-    "ALL"
-  );
-  const [assigneeFilter, setAssigneeFilter] = useState<AssigneeRole | "ALL">(
-    "ALL"
-  );
-
-  const hasActiveFilters = useMemo(
-    () =>
-      searchQuery !== "" ||
-      priorityFilter !== "ALL" ||
-      assigneeFilter !== "ALL",
-    [searchQuery, priorityFilter, assigneeFilter]
-  );
-
-  const updateMutation = useMutation({
-    mutationFn: ({ taskId, status }: { taskId: number; status: TaskStatus }) =>
-      taskService.update(taskId, { status }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["tasks"] });
-    },
-  });
-
-  const deleteMutation = useMutation({
-    mutationFn: (taskId: number) => taskService.delete(taskId),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["tasks"] });
-    },
-  });
-
-  const clearFilters = useCallback(() => {
-    setSearchQuery("");
-    setPriorityFilter("ALL");
-    setAssigneeFilter("ALL");
-  }, []);
-
-  const filteredTasks = useMemo(() => {
-    return tasks.filter((task) => {
-      if (searchQuery) {
-        const query = searchQuery.toLowerCase();
-        if (!task.title.toLowerCase().includes(query)) {
-          return false;
-        }
-      }
-      if (priorityFilter !== "ALL" && task.priority !== priorityFilter) {
-        return false;
-      }
-      if (assigneeFilter !== "ALL" && task.assigneeRole !== assigneeFilter) {
-        return false;
-      }
-      return true;
-    });
-  }, [tasks, searchQuery, priorityFilter, assigneeFilter]);
-
-  const getTasksByStatus = useCallback(
-    (status: TaskStatus) => {
-      return filteredTasks.filter((t) => t.status === status);
-    },
-    [filteredTasks]
-  );
-
-  const updateTaskStatus = useCallback(
-    async (taskId: number, status: TaskStatus) => {
-      await updateMutation.mutateAsync({ taskId, status });
-    },
-    [updateMutation]
-  );
-
-  const deleteTask = useCallback(
-    async (taskId: number) => {
-      await deleteMutation.mutateAsync(taskId);
-    },
-    [deleteMutation]
-  );
-
-  return {
-    tasks,
-    loading,
-    error,
-    searchQuery,
-    setSearchQuery,
-    priorityFilter,
-    setPriorityFilter,
-    assigneeFilter,
-    setAssigneeFilter,
-    hasActiveFilters,
-    clearFilters,
-    getTasksByStatus,
-    updateTaskStatus,
-    deleteTask,
-    refreshTasks,
-  };
-}

package/src/services/doc.service.ts

@@ -1,27 +0,0 @@
-import apiClient from "@/lib/api-client";
-
-export interface DocNode {
-  type: "file" | "directory";
-  name: string;
-  path: string;
-  children?: DocNode[];
-}
-
-export const docService = {
-  getTree: async () => {
-    const response = await apiClient.get<DocNode[]>("/docs/tree");
-    return response.data;
-  },
-
-  read: async (path: string) => {
-    const response = await apiClient.get<{ content: string }>(
-      `/docs/read?path=${encodeURIComponent(path)}`
-    );
-    return response.data;
-  },
-
-  write: async (path: string, content: string) => {
-    const response = await apiClient.post("/docs/write", { path, content });
-    return response.data;
-  },
-};

package/src/services/sprint.service.ts

@@ -1,24 +0,0 @@
-import { type Sprint } from "@locusai/shared";
-import apiClient from "@/lib/api-client";
-
-export const sprintService = {
-  getAll: async () => {
-    const res = await apiClient.get<Sprint[]>("/sprints");
-    return res.data;
-  },
-
-  create: async (data: Partial<Sprint>) => {
-    const res = await apiClient.post<{ id: number }>("/sprints", data);
-    return res.data;
-  },
-
-  update: async (id: number, data: Partial<Sprint>) => {
-    const res = await apiClient.patch(`/sprints/${id}`, data);
-    return res.data;
-  },
-
-  delete: async (id: number) => {
-    const res = await apiClient.delete(`/sprints/${id}`);
-    return res.data;
-  },
-};

package/src/services/task.service.ts

@@ -1,75 +0,0 @@
-import { AssigneeRole, Task, TaskPriority, TaskStatus } from "@locusai/shared";
-import apiClient from "@/lib/api-client";
-
-export interface CreateTaskDto {
-  title: string;
-  description?: string;
-  status: TaskStatus;
-  priority: TaskPriority;
-  labels?: string[];
-  assigneeRole?: AssigneeRole;
-  sprintId?: number | null;
-}
-
-export interface UpdateTaskDto {
-  title?: string;
-  description?: string;
-  status?: TaskStatus;
-  priority?: TaskPriority;
-  labels?: string[];
-  assigneeRole?: AssigneeRole;
-  acceptanceCriteria?: { id: string; text: string; done: boolean }[];
-  sprintId?: number | null;
-}
-
-export const taskService = {
-  getAll: async () => {
-    const response = await apiClient.get<Task[]>("/tasks");
-    return response.data;
-  },
-
-  getById: async (id: number) => {
-    const response = await apiClient.get<Task>(`/tasks/${id}`);
-    return response.data;
-  },
-
-  create: async (data: CreateTaskDto) => {
-    const response = await apiClient.post<Task>("/tasks", data);
-    return response.data;
-  },
-
-  update: async (id: number, data: UpdateTaskDto) => {
-    const response = await apiClient.patch<Task>(`/tasks/${id}`, data);
-    return response.data;
-  },
-
-  delete: async (id: number) => {
-    await apiClient.delete(`/tasks/${id}`);
-  },
-
-  addComment: async (id: number, data: { author: string; text: string }) => {
-    const response = await apiClient.post<Task>(`/tasks/${id}/comment`, data);
-    return response.data;
-  },
-
-  runCi: async (id: number, preset: string) => {
-    const response = await apiClient.post<{ summary: string }>("/ci/run", {
-      taskId: id,
-      preset,
-    });
-    return response.data;
-  },
-
-  lock: async (id: number, agentId: string, ttlSeconds: number) => {
-    const response = await apiClient.post(`/tasks/${id}/lock`, {
-      agentId,
-      ttlSeconds,
-    });
-    return response.data;
-  },
-
-  unlock: async (id: number, agentId: string) => {
-    const response = await apiClient.post(`/tasks/${id}/unlock`, { agentId });
-    return response.data;
-  },
-};