refactor(spu-ui): migrate hooks to api-client and remove unused hooks

also updated the api-client hooks export for better path resolving
i did the ugly, breno

apps/spu-ui/src/app/_components/env-menu.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useStatus } from "@sophys-web/api-client/hooks/use-status";
 import { cn } from "@sophys-web/ui";
 import { buttonVariants } from "@sophys-web/ui/button";
 import {
@@ -10,7 +11,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@sophys-web/ui/dropdown-menu";
-import { useStatus } from "../_hooks/use-status";
 
 export function EnvMenu() {
   const { status, envUpdate, envOpen, envClose } = useStatus();

apps/spu-ui/src/app/_components/history.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { RotateCcwIcon } from "lucide-react";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { api } from "@sophys-web/api-client/react";
 import { cn } from "@sophys-web/ui";
 import { Button } from "@sophys-web/ui/button";
@@ -13,7 +14,6 @@ import {
 } from "@sophys-web/ui/card";
 import { ScrollArea } from "@sophys-web/ui/scroll-area";
 import type { HistoryItemProps } from "../../lib/types";
-import { useQueue } from "../_hooks/use-queue";
 import {
   formatPlanNames,
   PlanContent,

apps/spu-ui/src/app/_components/on-demand/cleaning.tsx

@@ -3,6 +3,7 @@ import { useState } from "react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { DropletIcon } from "lucide-react";
 import { useForm } from "react-hook-form";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { Button } from "@sophys-web/ui/button";
 import {
   Dialog,
@@ -30,7 +31,6 @@ import {
   SelectValue,
 } from "@sophys-web/ui/select";
 import { toast } from "@sophys-web/ui/sonner";
-import { useQueue } from "~/app/_hooks/use-queue";
 import { cleaningAgents, cleaningDefaults } from "../../../lib/constants";
 import {
   schema as cleaningKwargsSchema,

apps/spu-ui/src/app/_components/on-demand/queue-stop.tsx

@@ -1,6 +1,6 @@
 import { SquareIcon } from "lucide-react";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { Button } from "@sophys-web/ui/button";
-import { useQueue } from "~/app/_hooks/use-queue";
 
 export function QueueStop({ className }: { className?: string }) {
   const { add } = useQueue();

apps/spu-ui/src/app/_components/on-demand/single-acquisition.tsx

@@ -5,6 +5,7 @@ import { useState } from "react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { CameraIcon } from "lucide-react";
 import { useForm } from "react-hook-form";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { cn } from "@sophys-web/ui";
 import { Button } from "@sophys-web/ui/button";
 import { Checkbox } from "@sophys-web/ui/checkbox";
@@ -34,7 +35,6 @@ import {
 } from "@sophys-web/ui/select";
 import { toast } from "@sophys-web/ui/sonner";
 import type { LastSampleParams } from "~/app/_hooks/use-capillary-state";
-import { useQueue } from "~/app/_hooks/use-queue";
 import { acquireTimeOptions, sampleTypeOptions } from "~/lib/constants";
 import { name, schema } from "~/lib/schemas/plans/single-acquisition";
 

apps/spu-ui/src/app/_components/queue/queue-item.tsx

@@ -3,6 +3,7 @@ import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { GripVerticalIcon, XIcon } from "lucide-react";
 import { z } from "zod";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { cn } from "@sophys-web/ui";
 import { Badge } from "@sophys-web/ui/badge";
 import { Button } from "@sophys-web/ui/button";
@@ -14,7 +15,6 @@ import {
   CardTitle,
 } from "@sophys-web/ui/card";
 import type { QueueItemProps } from "../../../lib/types";
-import { useQueue } from "../../_hooks/use-queue";
 import { ItemEditDialog } from "./item-edit-dialog";
 
 export function formatPlanNames(name: string) {

apps/spu-ui/src/app/_components/queue/upload.tsx

@@ -6,6 +6,7 @@ import { CheckIcon, MoveRightIcon, UploadIcon } from "lucide-react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 import type { Session } from "@sophys-web/auth";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { api } from "@sophys-web/api-client/react";
 import { cn } from "@sophys-web/ui";
 import { Button } from "@sophys-web/ui/button";
@@ -36,7 +37,6 @@ import type {
   cleaningSchema as cleaningKwargsSchema,
 } from "../../../lib/schemas/plans/complete-acquisition";
 import type { Sample } from "../sample";
-import { useQueue } from "../../_hooks/use-queue";
 import { name as cleanCapillaryPlanName } from "../../../lib/schemas/plans/clean-and-acquire";
 import { name as acquisitionPlanName } from "../../../lib/schemas/plans/complete-acquisition";
 import {

apps/spu-ui/src/app/_components/run-engine-controls.tsx

@@ -7,6 +7,7 @@ import {
   Play,
   Square,
 } from "lucide-react";
+import { useStatus } from "@sophys-web/api-client/hooks/use-status";
 import { api } from "@sophys-web/api-client/react";
 import { Button } from "@sophys-web/ui/button";
 import {
@@ -16,7 +17,6 @@ import {
   DropdownMenuTrigger,
 } from "@sophys-web/ui/dropdown-menu";
 import { toast } from "@sophys-web/ui/sonner";
-import { useStatus } from "../_hooks/use-status";
 
 type EngineStatus = "idle" | "running" | "paused" | "unknown";
 type EngineAction = "pause" | "resume" | "stop" | "halt" | "abort";

apps/spu-ui/src/app/_components/sample.tsx

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
+import { useQueue } from "@sophys-web/api-client/hooks/use-queue";
 import { cn } from "@sophys-web/ui";
 import { Button } from "@sophys-web/ui/button";
 import {
@@ -45,7 +46,6 @@ import type {
   trayRows,
 } from "~/lib/constants";
 import { name, schema } from "~/lib/schemas/plans/load";
-import { useQueue } from "../_hooks/use-queue";
 import { getSamples, setSamples } from "../actions/samples";
 
 export interface Sample {

packages/api-client/package.json

@@ -22,13 +22,9 @@
       "types": "./dist/src/env.d.ts",
       "default": "./src/env.ts"
     },
-    "./hooks/use-queue": {
-      "types": "./dist/src/hooks/use-queue.d.ts",
-      "default": "./src/hooks/use-queue.tsx"
-    },
-    "./hooks/use-status": {
-      "types": "./dist/src/hooks/use-status.d.ts",
-      "default": "./src/hooks/use-status.tsx"
+    "./hooks/*": {
+      "types": "./dist/src/hooks/*.d.ts",
+      "default": "./src/hooks/*.ts"
     }
   },
   "license": "MIT",