@nextclaw/ui 0.24.1 → 0.24.3

package/src/features/projects/pages/projects-page.test.tsx

@@ -5,20 +5,21 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { ProjectsPage } from "./project-home-page";
 
 const mocks = vi.hoisted(() => ({
+  agreementProps: vi.fn(),
+  artifactsProps: vi.fn(),
   drawerProps: vi.fn(),
-  useProjectObservation: vi.fn(),
+  skillsProps: vi.fn(),
+  useProjectAgreement: vi.fn(),
+  useProjectSkills: vi.fn(),
   useProjects: vi.fn(),
 }));
 
 vi.mock("@/shared/hooks/use-projects", () => ({
   useProjects: mocks.useProjects,
 }));
-vi.mock("@/features/projects/hooks/use-project-observation", () => ({
-  projectObservationQueryKey: (projectId: string) => [
-    "project-observation",
-    projectId,
-  ],
-  useProjectObservation: mocks.useProjectObservation,
+vi.mock("@/features/projects/hooks/use-project-materials", () => ({
+  useProjectAgreement: mocks.useProjectAgreement,
+  useProjectSkills: mocks.useProjectSkills,
 }));
 vi.mock("@/features/chat", () => ({
   ChatConversationWorkspaceSection: () => <div data-testid="workspace" />,
@@ -52,18 +53,23 @@ vi.mock("@/features/projects/components/work/project-work-item-drawer", () => ({
   },
 }));
 vi.mock("@/features/projects/components/project-artifacts", () => ({
-  ProjectArtifacts: () => <div>Artifact content</div>,
+  ProjectArtifacts: (props: { projectId: string }) => {
+    mocks.artifactsProps(props);
+    return <div>Artifact content</div>;
+  },
 }));
 vi.mock("@/features/projects/components/project-skills", () => ({
-  ProjectSkills: () => <div>Skills content</div>,
+  ProjectSkills: (props: { skills: unknown[] }) => {
+    mocks.skillsProps(props);
+    return <div>Skills content</div>;
+  },
 }));
 vi.mock("@/features/projects/components/project-agreement", () => ({
-  ProjectAgreement: () => <div>Agreement content</div>,
-}));
-vi.mock("@/features/projects/components/project-requests", () => ({
-  ProjectRequests: () => null,
+  ProjectAgreement: (props: { agreement?: unknown }) => {
+    mocks.agreementProps(props);
+    return <div>Agreement content</div>;
+  },
 }));
-
 function renderPage(path: string) {
   return render(
     <QueryClientProvider client={new QueryClient()}>
@@ -80,6 +86,9 @@ function renderPage(path: string) {
 describe("ProjectsPage", () => {
   beforeEach(() => {
     mocks.drawerProps.mockReset();
+    mocks.agreementProps.mockReset();
+    mocks.artifactsProps.mockReset();
+    mocks.skillsProps.mockReset();
     mocks.useProjects.mockReturnValue({
       data: {
         projects: [
@@ -89,38 +98,35 @@ describe("ProjectsPage", () => {
       isLoading: false,
       isError: false,
     });
-    mocks.useProjectObservation.mockReturnValue({
+    mocks.useProjectAgreement.mockReturnValue({
+      data: undefined,
+      isLoading: false,
+      isError: false,
+    });
+    mocks.useProjectSkills.mockReturnValue({
       data: undefined,
       isLoading: false,
       isError: false,
     });
   });
 
-  it("keeps overview scan-free and opens its work item in the unified drawer", () => {
+  it("keeps overview material-free and opens its work item in the unified drawer", () => {
     renderPage("/projects/project-1/overview");
 
-    expect(mocks.useProjectObservation).toHaveBeenCalledWith(
-      "project-1",
-      "/tmp/research",
-      false,
-    );
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
     expect(screen.getAllByRole("tab")).toHaveLength(5);
     fireEvent.click(screen.getByRole("button", { name: "Overview work" }));
     expect(screen.getByTestId("work-drawer").textContent).toBe("work-overview");
   });
 
-  it("enables legacy observation only for preserved artifact, skill, and agreement surfaces", () => {
-    mocks.useProjectObservation.mockReturnValue({
-      data: { requests: [] },
-      isLoading: false,
-      isError: false,
-    });
+  it("loads artifacts from project work without material observation", () => {
     renderPage("/projects/project-1/artifacts");
 
-    expect(mocks.useProjectObservation).toHaveBeenCalledWith(
-      "project-1",
-      "/tmp/research",
-      true,
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
+    expect(mocks.artifactsProps).toHaveBeenCalledWith(
+      expect.objectContaining({ projectId: "project-1" }),
     );
     expect(screen.getByText("Artifact content")).toBeTruthy();
     expect(screen.getByRole("tab", { name: /Skills/ })).toBeTruthy();
@@ -131,7 +137,50 @@ describe("ProjectsPage", () => {
 
   it("asks the user to choose from the sidebar when no project route is selected", () => {
     renderPage("/projects");
-    expect(mocks.useProjectObservation).toHaveBeenCalledWith(null, null, false);
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
     expect(screen.getByText(/Choose a project|选择项目/)).toBeTruthy();
   });
+
+  it("loads each fixed project material only on its own tab", () => {
+    mocks.useProjectAgreement.mockReturnValue({
+      data: { path: "AGENTS.md", available: true },
+      isLoading: false,
+      isError: false,
+    });
+    const { unmount } = renderPage("/projects/project-1/agreement");
+    expect(mocks.useProjectAgreement).toHaveBeenCalledWith("project-1");
+    expect(mocks.useProjectSkills).toHaveBeenCalledWith(null);
+    expect(mocks.agreementProps).toHaveBeenCalledWith(
+      expect.objectContaining({
+        agreement: { path: "AGENTS.md", available: true },
+      }),
+    );
+    unmount();
+
+    mocks.useProjectSkills.mockReturnValue({
+      data: [{ ref: "project:alpha", name: "alpha" }],
+      isLoading: false,
+      isError: false,
+    });
+    renderPage("/projects/project-1/skills");
+    expect(mocks.useProjectAgreement).toHaveBeenLastCalledWith(null);
+    expect(mocks.useProjectSkills).toHaveBeenLastCalledWith("project-1");
+    expect(mocks.skillsProps).toHaveBeenCalledWith(
+      expect.objectContaining({
+        skills: [{ ref: "project:alpha", name: "alpha" }],
+      }),
+    );
+  });
+
+  it("does not expose project removal as a persistent detail-page action", () => {
+    renderPage("/projects/project-1/overview");
+
+    expect(
+      screen.queryByRole("button", {
+        name: /Remove from project list|从项目列表移除/,
+      }),
+    ).toBeNull();
+    expect(screen.getByText("Research")).toBeTruthy();
+  });
 });

package/src/features/projects/presenters/project-home.presenter.test.ts

@@ -1,17 +1,5 @@
 import { describe, expect, it } from "vitest";
-import type { ObservedRequest, ObservedWorkItem, ObservedWorkflow } from "@nextclaw/client-sdk";
-import {
-  canReplyToProjectRequest,
-  createProjectBoardColumns,
-  getScheduledWorkItems,
-  isProjectHomeTab,
-} from "./project-home.presenter";
-
-const reference = {
-  kind: "ai-report" as const,
-  label: "AI report",
-  observedAt: "2026-08-30T00:00:00.000Z",
-};
+import { isProjectHomeTab } from "./project-home.presenter";
 
 describe("project home presenter", () => {
   it("accepts only the project home tabs represented in the route", () => {
@@ -20,55 +8,4 @@ describe("project home presenter", () => {
     expect(isProjectHomeTab("missing")).toBe(false);
     expect(isProjectHomeTab(undefined)).toBe(false);
   });
-
-  it("projects the same work items into board and scheduled views without inventing facts", () => {
-    const workflows: ObservedWorkflow[] = [{
-      id: "research",
-      label: "Research",
-      stages: [{ id: "draft", label: "Draft" }],
-      reference,
-    }];
-    const workItems: ObservedWorkItem[] = [
-      {
-        id: "with-schedule",
-        name: "Scheduled",
-        status: "active",
-        workflowId: "research",
-        stageId: "draft",
-        schedule: { start: "2026-08-30", end: "2026-09-02", milestone: false, dependsOn: [] },
-        updatedAt: reference.observedAt,
-        reference,
-      },
-      {
-        id: "without-schedule",
-        name: "Unscheduled",
-        status: "blocked",
-        updatedAt: reference.observedAt,
-        reference,
-      },
-    ];
-
-    expect(createProjectBoardColumns(workflows, workItems)[0]?.items.map((item) => item.id))
-      .toEqual(["with-schedule"]);
-    expect(getScheduledWorkItems(workItems).map((item) => item.id))
-      .toEqual(["with-schedule"]);
-  });
-
-  it("offers direct replies only for open confirm-reject requests with a source session", () => {
-    const request: ObservedRequest = {
-      id: "approval",
-      status: "open",
-      response: "confirm-reject",
-      prompt: "Ship?",
-      updatedAt: reference.observedAt,
-      reference: { ...reference, sessionId: "session-1" },
-    };
-    expect(canReplyToProjectRequest(request)).toBe(true);
-    expect(canReplyToProjectRequest({ ...request, reply: {
-      decision: "confirmed",
-      sentAt: reference.observedAt,
-      messageId: "response-1",
-    } })).toBe(false);
-    expect(canReplyToProjectRequest({ ...request, reference })).toBe(false);
-  });
 });

package/src/features/projects/presenters/project-home.presenter.ts

@@ -1,55 +1,18 @@
-import type {
-  ObservedRequest,
-  ObservedWorkItem,
-  ObservedWorkflow,
-  ProjectObservationSnapshot,
-} from "@nextclaw/client-sdk";
-
-export type ProjectHomeTab = "overview" | "work" | "artifacts" | "skills" | "agreement";
-export type ProjectWorkView = "list" | "board" | "gantt";
-
-export type ProjectBoardColumn = {
-  id: string;
-  label: string;
-  items: ObservedWorkItem[];
-};
-
-export function isProjectHomeTab(value: string | undefined): value is ProjectHomeTab {
-  return value === "overview" || value === "work" || value === "artifacts" || value === "skills" || value === "agreement";
-}
-
-export function createProjectBoardColumns(
-  workflows: readonly ObservedWorkflow[],
-  workItems: readonly ObservedWorkItem[],
-): ProjectBoardColumn[] {
-  return workflows.flatMap((workflow) => workflow.stages.map((stage) => ({
-    id: `${workflow.id}:${stage.id}`,
-    label: stage.label,
-    items: workItems.filter((item) => (
-      item.workflowId === workflow.id && item.stageId === stage.id
-    )),
-  })));
-}
-
-export function getUnstagedWorkItems(
-  workItems: readonly ObservedWorkItem[],
-): ObservedWorkItem[] {
-  return workItems.filter((item) => !item.workflowId || !item.stageId);
-}
-
-export function getScheduledWorkItems(
-  workItems: readonly ObservedWorkItem[],
-): ObservedWorkItem[] {
-  return workItems.filter((item) => item.schedule?.start || item.schedule?.end);
-}
-
-export function canReplyToProjectRequest(request: ObservedRequest): boolean {
-  return request.status === "open"
-    && request.response === "confirm-reject"
-    && Boolean(request.reference.sessionId)
-    && !request.reply;
-}
-
-export function getOpenProjectRequests(snapshot: ProjectObservationSnapshot): ObservedRequest[] {
-  return snapshot.requests.filter((request) => request.status === "open");
+export type ProjectHomeTab =
+  | "overview"
+  | "work"
+  | "artifacts"
+  | "skills"
+  | "agreement";
+
+export function isProjectHomeTab(
+  value: string | undefined,
+): value is ProjectHomeTab {
+  return (
+    value === "overview" ||
+    value === "work" ||
+    value === "artifacts" ||
+    value === "skills" ||
+    value === "agreement"
+  );
 }

package/src/features/projects/utils/project-artifact-view.utils.test.ts

@@ -1,63 +1,29 @@
 import { describe, expect, it } from "vitest";
 import {
   formatProjectRelativeTime,
-  sortProjectArtifacts,
+  joinProjectPath,
 } from "./project-artifact-view.utils";
 
-const artifacts = [
-  {
-    id: "older-update",
-    path: "docs/designs/older.md",
-    categoryId: "designs",
-    categoryLabel: "Designs",
-    exists: true,
-    fileCreatedAt: "2026-08-01T00:00:00.000Z",
-    fileUpdatedAt: "2026-08-28T00:00:00.000Z",
-    references: [],
-  },
-  {
-    id: "newer-update",
-    path: "docs/designs/newer.md",
-    categoryId: "designs",
-    categoryLabel: "Designs",
-    exists: true,
-    fileCreatedAt: "2026-08-29T00:00:00.000Z",
-    fileUpdatedAt: "2026-08-30T00:00:00.000Z",
-    references: [],
-  },
-  {
-    id: "untimed",
-    path: "docs/designs/alpha.md",
-    categoryId: "designs",
-    categoryLabel: "Designs",
-    exists: false,
-    references: [],
-  },
-];
-
 describe("project artifact view", () => {
-  it("prioritizes recent updates by default and supports alternate sort orders", () => {
-    expect(sortProjectArtifacts(artifacts).map((artifact) => artifact.id)).toEqual([
-      "newer-update",
-      "older-update",
-      "untimed",
-    ]);
-    expect(sortProjectArtifacts(artifacts, "created-desc").map((artifact) => artifact.id)).toEqual([
-      "newer-update",
-      "older-update",
-      "untimed",
-    ]);
-    expect(sortProjectArtifacts(artifacts, "name").map((artifact) => artifact.id)).toEqual([
-      "untimed",
-      "newer-update",
-      "older-update",
-    ]);
-  });
-
   it("renders recent timestamps in people-friendly language", () => {
     const now = new Date("2026-08-30T12:00:00.000Z");
-    expect(formatProjectRelativeTime("2026-08-30T11:57:00.000Z", now)).toBe("3 minutes ago");
-    expect(formatProjectRelativeTime("2026-08-30T09:00:00.000Z", now)).toBe("3 hours ago");
-    expect(formatProjectRelativeTime("2026-08-29T12:00:00.000Z", now)).toBe("Yesterday");
+    expect(formatProjectRelativeTime("2026-08-30T11:57:00.000Z", now)).toBe(
+      "3 minutes ago",
+    );
+    expect(formatProjectRelativeTime("2026-08-30T09:00:00.000Z", now)).toBe(
+      "3 hours ago",
+    );
+    expect(formatProjectRelativeTime("2026-08-29T12:00:00.000Z", now)).toBe(
+      "Yesterday",
+    );
+  });
+
+  it("joins project-relative artifact paths across host path styles", () => {
+    expect(joinProjectPath("/tmp/project", "docs/design.md")).toBe(
+      "/tmp/project/docs/design.md",
+    );
+    expect(joinProjectPath("C:\\project\\", "docs/design.md")).toBe(
+      "C:\\project\\docs/design.md",
+    );
   });
 });

package/src/features/projects/utils/project-artifact-view.utils.ts

@@ -1,62 +1,32 @@
-import type { ProjectObservationSnapshot } from "@nextclaw/client-sdk";
 import { formatDateShort, t } from "@/shared/lib/i18n";
 
-export type ProjectArtifactSort =
-  | "updated-desc"
-  | "updated-asc"
-  | "created-desc"
-  | "name";
-
-export const DEFAULT_PROJECT_ARTIFACT_SORT: ProjectArtifactSort = "updated-desc";
-
-function timestamp(value?: string): number {
-  if (!value) return Number.NEGATIVE_INFINITY;
-  const parsed = new Date(value).getTime();
-  return Number.isNaN(parsed) ? Number.NEGATIVE_INFINITY : parsed;
-}
-
-function byName(
-  left: ProjectObservationSnapshot["artifacts"][number],
-  right: ProjectObservationSnapshot["artifacts"][number],
-): number {
-  return left.path.localeCompare(right.path);
-}
-
-export function sortProjectArtifacts(
-  artifacts: ProjectObservationSnapshot["artifacts"],
-  sort: ProjectArtifactSort = DEFAULT_PROJECT_ARTIFACT_SORT,
-): ProjectObservationSnapshot["artifacts"] {
-  return [...artifacts].sort((left, right) => {
-    if (sort === "name") return byName(left, right);
-    const leftTimestamp = timestamp(
-      sort === "created-desc"
-        ? left.fileCreatedAt ?? left.fileUpdatedAt
-        : left.fileUpdatedAt ?? left.fileCreatedAt,
-    );
-    const rightTimestamp = timestamp(
-      sort === "created-desc"
-        ? right.fileCreatedAt ?? right.fileUpdatedAt
-        : right.fileUpdatedAt ?? right.fileCreatedAt,
-    );
-    const order = sort === "updated-asc"
-      ? leftTimestamp - rightTimestamp
-      : rightTimestamp - leftTimestamp;
-    return order || byName(left, right);
-  });
+export function joinProjectPath(
+  rootPath: string,
+  relativePath: string,
+): string {
+  const separator =
+    rootPath.endsWith("/") || rootPath.endsWith("\\") ? "" : "/";
+  return `${rootPath}${separator}${relativePath}`;
 }
 
-export function formatProjectRelativeTime(value?: string, now: Date = new Date()): string {
+export function formatProjectRelativeTime(
+  value?: string,
+  now: Date = new Date(),
+): string {
   if (!value) return "-";
   const date = new Date(value);
   const differenceMs = now.getTime() - date.getTime();
   if (Number.isNaN(date.getTime())) return value;
   if (differenceMs < 60_000) return t("projectsTimeJustNow");
   const minutes = Math.floor(differenceMs / 60_000);
-  if (minutes < 60) return t("projectsTimeMinutesAgo").replace("{count}", String(minutes));
+  if (minutes < 60)
+    return t("projectsTimeMinutesAgo").replace("{count}", String(minutes));
   const hours = Math.floor(minutes / 60);
-  if (hours < 24) return t("projectsTimeHoursAgo").replace("{count}", String(hours));
+  if (hours < 24)
+    return t("projectsTimeHoursAgo").replace("{count}", String(hours));
   const days = Math.floor(hours / 24);
   if (days === 1) return t("projectsTimeYesterday");
-  if (days < 7) return t("projectsTimeDaysAgo").replace("{count}", String(days));
+  if (days < 7)
+    return t("projectsTimeDaysAgo").replace("{count}", String(days));
   return formatDateShort(value);
 }

package/src/features/projects/utils/project-work-state-label.utils.test.ts

@@ -0,0 +1,28 @@
+import { describe, expect, it } from "vitest";
+import { getProjectWorkStateLabel } from "./project-work-state-label.utils";
+
+describe("getProjectWorkStateLabel", () => {
+  it.each([
+    ["Backlog", "待整理"],
+    ["Planned", "已计划"],
+    ["In Progress", "进行中"],
+    ["In Review", "评审中"],
+    ["Awaiting Acceptance", "等待验收"],
+    ["Completed", "已完成"],
+    ["Canceled", "已取消"],
+  ])("localizes the built-in %s state", (name, expected) => {
+    expect(getProjectWorkStateLabel(name, "zh")).toBe(expected);
+  });
+
+  it("keeps custom state names unchanged", () => {
+    expect(getProjectWorkStateLabel("Ready to publish", "zh")).toBe(
+      "Ready to publish",
+    );
+  });
+
+  it("keeps the built-in English labels in English", () => {
+    expect(getProjectWorkStateLabel("Awaiting Acceptance", "en")).toBe(
+      "Awaiting Acceptance",
+    );
+  });
+});

package/src/features/projects/utils/project-work-state-label.utils.ts

@@ -0,0 +1,20 @@
+import { t, type I18nLanguage } from "@/shared/lib/i18n";
+
+const DEFAULT_STATE_MESSAGE_KEYS: Readonly<Record<string, string>> = {
+  Backlog: "projectsWorkState_backlog",
+  Planned: "projectsWorkState_planned",
+  "In Progress": "projectsWorkState_inProgress",
+  "In Review": "projectsWorkState_inReview",
+  "Awaiting Acceptance": "projectsWorkState_awaitingAcceptance",
+  Completed: "projectsWorkState_completed",
+  Canceled: "projectsWorkState_canceled",
+};
+
+export function getProjectWorkStateLabel(
+  name: string,
+  language?: I18nLanguage,
+): string {
+  const messageKey = DEFAULT_STATE_MESSAGE_KEYS[name];
+  if (!messageKey) return name;
+  return language ? t(messageKey, language) : t(messageKey);
+}

package/src/features/service-apps/index.ts

@@ -1,3 +1,3 @@
-export { ServiceActionAuthorizationDialog } from '@/features/service-apps/components/service-action-authorization-dialog';
-export { ServiceActionAuthorizationManager } from '@/features/service-apps/managers/service-action-authorization.manager';
-export { ServiceAppsPanel } from '@/features/service-apps/components/service-apps-panel';
+export async function loadServiceAppsPanel() {
+  return await import('@/features/service-apps/components/service-apps-panel');
+}

package/src/main.tsx

@@ -4,8 +4,11 @@ import { BrowserRouter, MemoryRouter } from 'react-router-dom';
 import App from './app';
 import { I18nProvider } from '@/components/providers/I18nProvider';
 import { ThemeProvider } from '@/components/providers/ThemeProvider';
+import { installMainI18nCatalog } from '@/shared/lib/i18n';
 import './index.css';
 
+await installMainI18nCatalog();
+
 const AppRouter = window.nextclawDesktop?.platform === 'win32' ? MemoryRouter : BrowserRouter;
 const root = createRoot(document.getElementById('root')!);
 

package/src/shared/hooks/use-auth-status.ts

@@ -0,0 +1,49 @@
+import { useRef } from 'react';
+import { useQuery } from "@tanstack/react-query";
+import { fetchAuthStatus, type AuthStatusView } from "@/shared/lib/api";
+import { isTransientRuntimeConnectionErrorMessage } from "@/shared/lib/transport";
+
+const AUTH_STATUS_BOOTSTRAP_PROBE_POLICY = {
+  maxRetries: 8,
+  startupTimeoutMs: 2_000,
+  settledTimeoutMs: 5_000,
+  retryBaseDelayMs: 500,
+  retryMaxDelayMs: 3_000,
+} as const;
+
+export function isTransientAuthStatusBootstrapError(error: unknown): boolean {
+  return error instanceof Error && isTransientRuntimeConnectionErrorMessage(error.message);
+}
+
+export function shouldRetryAuthStatusBootstrap(failureCount: number, error: unknown): boolean {
+  return failureCount < AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.maxRetries &&
+    isTransientAuthStatusBootstrapError(error);
+}
+
+export function resolveAuthStatusBootstrapRetryDelay(failureCount: number): number {
+  return Math.min(
+    AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.retryMaxDelayMs,
+    AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.retryBaseDelayMs * 2 ** Math.max(0, failureCount - 1),
+  );
+}
+
+export function useAuthStatus() {
+  const bootstrapSettled = useRef(false);
+  const query = useQuery<AuthStatusView>({
+    queryKey: ["auth-status"],
+    queryFn: async () => {
+      const status = await fetchAuthStatus({
+        timeoutMs: bootstrapSettled.current
+        ? AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.settledTimeoutMs
+        : AUTH_STATUS_BOOTSTRAP_PROBE_POLICY.startupTimeoutMs,
+      });
+      bootstrapSettled.current = true;
+      return status;
+    },
+    staleTime: 5_000,
+    retry: shouldRetryAuthStatusBootstrap,
+    retryDelay: resolveAuthStatusBootstrapRetryDelay,
+  });
+
+  return query;
+}

package/src/shared/hooks/use-projects.ts

@@ -1,6 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { toast } from "sonner";
-import { addExistingProject, createProject, fetchProjects } from "@/shared/lib/api";
+import { addExistingProject, createProject, fetchProjects, removeProject } from "@/shared/lib/api";
 import { t } from "@/shared/lib/i18n";
 
 const PROJECTS_QUERY_KEY = ["projects"] as const;
@@ -41,3 +41,17 @@ export function useAddExistingProject() {
     },
   });
 }
+
+export function useRemoveProject() {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: removeProject,
+    onSuccess: async () => {
+      await queryClient.invalidateQueries({ queryKey: PROJECTS_QUERY_KEY });
+      toast.success(t("projectsRemoveSuccess"));
+    },
+    onError: (error: Error) => {
+      toast.error(`${t("projectsRemoveFailed")}: ${error.message}`);
+    },
+  });
+}

package/src/shared/lib/api/projects/project.utils.ts

@@ -19,3 +19,7 @@ export async function addExistingProject(
 ): Promise<ProjectView> {
   return await nextclawClient.projects.addExisting(input);
 }
+
+export async function removeProject(projectId: string): Promise<ProjectView> {
+  return await nextclawClient.projects.remove(projectId, projectId);
+}