fix: project collection and db idx for environment

apps/dashboard/app/(app)/projects/[projectId]/deployments/components/controls/components/deployment-list-search/index.tsx

@@ -6,7 +6,7 @@ import { useFilters } from "../../../../hooks/use-filters";
 export const DeploymentListSearch = () => {
   const { filters, updateFilters } = useFilters();
 
-  const queryLLMForStructuredOutput = trpc.deployment.search.useMutation({
+  const queryLLMForStructuredOutput = trpc.deploy.deployment.search.useMutation({
     onSuccess(data) {
       if (data?.filters.length === 0 || !data) {
         toast.error(

apps/dashboard/app/(app)/projects/[projectId]/details/active-deployment-card/hooks/use-deployment-logs.tsx

@@ -50,7 +50,7 @@ export function useDeploymentLogs({
   const scrollRef = useRef<HTMLDivElement>(null);
 
   // Fetch logs via tRPC
-  const { data: logsData, isLoading } = trpc.deployment.buildLogs.useQuery({
+  const { data: logsData, isLoading } = trpc.deploy.deployment.buildLogs.useQuery({
     deploymentId,
   });
 

apps/dashboard/app/(app)/projects/[projectId]/details/env-variables-section/hooks/use-env-var-manager.tsx

@@ -7,7 +7,7 @@ type UseEnvVarsManagerProps = {
 };
 
 export function useEnvVarsManager({ projectId, environment }: UseEnvVarsManagerProps) {
-  const { data } = trpc.environmentVariables.list.useQuery({ projectId });
+  const { data } = trpc.deploy.environment.list_dummy.useQuery({ projectId });
 
   const envVars = data?.[environment] ?? [];
 

apps/dashboard/app/(app)/projects/[projectId]/diff/[...compare]/page.tsx

@@ -47,7 +47,7 @@ export default function DiffPage({ params }: Props) {
     data: diffData,
     isLoading: diffLoading,
     error: diffError,
-  } = trpc.deployment.getOpenApiDiff.useQuery(
+  } = trpc.deploy.deployment.getOpenApiDiff.useQuery(
     {
       oldDeploymentId: selectedFromDeployment,
       newDeploymentId: selectedToDeployment,

apps/dashboard/app/(app)/projects/_components/create-project/create-project-dialog.tsx

@@ -1,17 +1,17 @@
 "use client";
-
 import { NavbarActionButton } from "@/components/navigation/action-button";
 import { Navbar } from "@/components/navigation/navbar";
+import { collection } from "@/lib/collections";
+import {
+  type CreateProjectRequestSchema,
+  createProjectRequestSchema,
+} from "@/lib/collections/projects";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { DuplicateKeyError } from "@tanstack/react-db";
 import { Plus } from "@unkey/icons";
-import { Button, DialogContainer, FormInput, toast } from "@unkey/ui";
+import { Button, DialogContainer, FormInput } from "@unkey/ui";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
-import type { z } from "zod";
-import { createProjectSchema } from "./create-project.schema";
-import { useCreateProject } from "./use-create-project";
-
-type FormValues = z.infer<typeof createProjectSchema>;
 
 export const CreateProjectDialog = () => {
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -20,34 +20,43 @@ export const CreateProjectDialog = () => {
     register,
     handleSubmit,
     setValue,
+    setError,
     reset,
-    formState: { errors, isSubmitting },
-  } = useForm<FormValues>({
-    resolver: zodResolver(createProjectSchema),
+    formState: { errors, isSubmitting, isValid },
+  } = useForm<CreateProjectRequestSchema>({
+    resolver: zodResolver(createProjectRequestSchema),
     defaultValues: {
       name: "",
       slug: "",
       gitRepositoryUrl: "",
     },
+    mode: "onChange",
   });
 
-  const createProject = useCreateProject((data) => {
-    toast.success("Project has been created", {
-      description: `${data.name} is ready to use`,
-    });
-    reset();
-    setIsModalOpen(false);
-  });
-
-  const onSubmitForm = async (values: FormValues) => {
+  const onSubmitForm = async (values: CreateProjectRequestSchema) => {
     try {
-      await createProject.mutateAsync({
+      const tx = collection.projects.insert({
         name: values.name,
         slug: values.slug,
-        gitRepositoryUrl: values.gitRepositoryUrl ?? null,
+        gitRepositoryUrl: values.gitRepositoryUrl || null,
+        activeDeploymentId: null,
+        updatedAt: null,
+        id: "will-be-replace-by-server",
       });
+      await tx.isPersisted.promise;
+
+      reset();
+      setIsModalOpen(false);
     } catch (error) {
-      console.error("Form submission error:", error);
+      if (error instanceof DuplicateKeyError) {
+        setError("slug", {
+          type: "custom",
+          message: "Project with this slug already exists",
+        });
+      } else {
+        console.error("Form submission error:", error);
+        // The collection's onInsert will handle showing error toasts
+      }
     }
   };
 
@@ -59,7 +68,6 @@ export const CreateProjectDialog = () => {
       .replace(/\s+/g, "-")
       .replace(/-+/g, "-")
       .replace(/^-|-$/g, "");
-
     setValue("slug", slug);
   };
 
@@ -91,8 +99,8 @@ export const CreateProjectDialog = () => {
               form="project-form"
               variant="primary"
               size="xlg"
-              disabled={isSubmitting || createProject.isLoading}
-              loading={isSubmitting || createProject.isLoading}
+              disabled={isSubmitting || !isValid}
+              loading={isSubmitting}
               className="w-full rounded-lg"
             >
               Create Project
@@ -119,6 +127,7 @@ export const CreateProjectDialog = () => {
             })}
             placeholder="My Awesome Project"
           />
+
           <FormInput
             required
             label="Slug"
@@ -128,6 +137,7 @@ export const CreateProjectDialog = () => {
             {...register("slug")}
             placeholder="my-awesome-project"
           />
+
           <FormInput
             label="Git Repository URL"
             className="[&_input:first-of-type]:h-[36px]"

apps/dashboard/app/(app)/projects/_components/list/index.tsx

@@ -1,16 +1,24 @@
 import { collection } from "@/lib/collections";
-import { useLiveQuery } from "@tanstack/react-db";
+import { ilike, useLiveQuery } from "@tanstack/react-db";
 import { BookBookmark, Dots } from "@unkey/icons";
 import { Button, Empty } from "@unkey/ui";
+import { useProjectsFilters } from "../hooks/use-projects-filters";
 import { ProjectActions } from "./project-actions";
 import { ProjectCard } from "./projects-card";
 import { ProjectCardSkeleton } from "./projects-card-skeleton";
 
 const MAX_SKELETON_COUNT = 8;
 
 export const ProjectsList = () => {
-  const projects = useLiveQuery((q) =>
-    q.from({ project: collection.projects }).orderBy(({ project }) => project.updatedAt, "desc"),
+  const { filters } = useProjectsFilters();
+  const projectName = filters.find((f) => f.field === "query")?.value ?? "";
+  const projects = useLiveQuery(
+    (q) =>
+      q
+        .from({ project: collection.projects })
+        .orderBy(({ project }) => project.updatedAt, "desc")
+        .where(({ project }) => ilike(project.name, `%${projectName}%`)),
+    [projectName],
   );
 
   if (projects.isLoading) {

apps/dashboard/components/list-search-input.tsx

@@ -26,13 +26,11 @@ type Props<T extends BaseFilter = BaseFilter> = {
 };
 
 const MAX_QUERY_LENGTH = 120;
-const DEFAULT_DEBOUNCE = 300;
 const DEFAULT_PLACEHOLDER = "Search...";
 
 export const ListSearchInput = <T extends BaseFilter = BaseFilter>({
   useFiltersHook,
   placeholder = DEFAULT_PLACEHOLDER,
-  debounceTime = DEFAULT_DEBOUNCE,
   className,
 }: Props<T>) => {
   const { filters, updateFilters } = useFiltersHook();
@@ -98,10 +96,7 @@ export const ListSearchInput = <T extends BaseFilter = BaseFilter>({
       clearTimeout(debounceRef.current);
     }
 
-    // Set new debounce
-    debounceRef.current = setTimeout(() => {
-      updateQuery(value);
-    }, debounceTime);
+    updateQuery(value);
   };
 
   const handleClear = () => {

apps/dashboard/lib/collections/deployments.ts

@@ -42,7 +42,7 @@ export const deployments = createCollection<Deployment>(
     queryClient,
     queryKey: ["deployments"],
     retry: 3,
-    queryFn: () => trpcClient.deployment.list.query(),
+    queryFn: () => trpcClient.deploy.deployment.list.query(),
 
     getKey: (item) => item.id,
     onInsert: async () => {

apps/dashboard/lib/collections/domains.ts

@@ -18,7 +18,7 @@ export const domains = createCollection<Domain>(
     queryClient,
     queryKey: ["domains"],
     retry: 3,
-    queryFn: () => trpcClient.domain.list.query(),
+    queryFn: () => trpcClient.deploy.domain.list.query(),
 
     getKey: (item) => item.id,
     onInsert: async () => {

apps/dashboard/lib/collections/environments.ts

@@ -17,8 +17,7 @@ export const environments = createCollection<Environment>(
     queryClient,
     queryKey: ["environments"],
     retry: 3,
-    queryFn: () => trpcClient.environment.list.query(),
-
+    queryFn: () => trpcClient.deploy.environment.list.query(),
     getKey: (item) => item.id,
     onInsert: async () => {
       throw new Error("Not implemented");