feat: add project archiving functionality with UI integration and backend support

Author: decoded-cipher

apps/client/components/ProjectOptions.vue

@@ -107,6 +107,7 @@
           {{ pinned ? 'Unpin chat' : 'Pin chat' }}
         </button>
         <button
+          @click="archiveProject"
           class="w-full flex items-center gap-2.5 px-2 py-1.5 text-[13px] font-medium rounded-lg text-foreground/80 hover:bg-orange-50 dark:hover:bg-orange-900/20 hover:text-foreground transition-colors"
         >
           <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -148,6 +149,7 @@ const emit = defineEmits<{
   select: []
   active: [value: boolean]
   pin: [pinned: boolean]
+  archive: []
 }>()
 
 const { apiClient, API_ENDPOINTS } = useApi()
@@ -206,6 +208,11 @@ const togglePin = () => {
   emit('pin', !props.pinned)
 }
 
+const archiveProject = () => {
+  isDropdownOpen.value = false
+  emit('archive')
+}
+
 const cancelRename = () => {
   isRenaming.value = false
   renameValue.value = ''

apps/client/components/Sidebar.vue

@@ -52,6 +52,7 @@
                     @select="openProject(project.id)"
                     @active="isDropdownOpen = $event"
                     @pin="(pinned) => togglePin(project, pinned)"
+                    @archive="archiveProject(project)"
                   />
 
                   <!-- Load More Button -->
@@ -132,7 +133,7 @@ const fetchProjects = async (page = 1, append = false) => {
     isLoadingMore.value = true
   }
   try {
-    const response = await apiClient.get(`${API_ENDPOINTS.projects.getAll}?page=${page}`)
+    const response = await apiClient.get(`${API_ENDPOINTS.projects.getAll}?page=${page}&archived=false`)
     const newProjects = response.data.projects || []
     if (append) {
       projects.value = [...projects.value, ...newProjects]
@@ -158,6 +159,21 @@ const loadMore = () => {
   }
 }
 
+const archiveProject = async (proj: Project) => {
+  const archivedAt = Math.floor(Date.now() / 1000)
+  projects.value = projects.value.filter(p => p.id !== proj.id)
+
+  try {
+    await apiClient.patch(API_ENDPOINTS.projects.update(proj.id), { archivedAt })
+    if (route.path === `/chat/${proj.id}`) {
+      router.push('/')
+    }
+  } catch (err) {
+    console.error('Failed to archive project:', err)
+    await fetchProjects()
+  }
+}
+
 const togglePin = async (proj: Project, pinned: boolean) => {
   const previousPinnedAt = proj.pinnedAt
   const newPinnedAt = pinned ? Math.floor(Date.now() / 1000) : null

apps/server/src/routes/projects.ts

@@ -13,11 +13,24 @@ router.get('/', async (c) => {
   try {
     const page = parseInt(c.req.query('page') || '1')
     const limit = parseInt(c.req.query('limit') || '10')
+    const archived = c.req.query('archived')
     const offset = (page - 1) * limit
 
-    const projects = await db
+    const archiveFilter = archived === 'true'
+      ? isNotNull(project.archivedAt)
+      : archived === 'false'
+        ? isNull(project.archivedAt)
+        : undefined
+
+    const query = db
       .select()
       .from(project)
+
+    if (archiveFilter) {
+      query.where(archiveFilter)
+    }
+
+    const projects = await query
       .orderBy(
         sql`CASE WHEN ${project.pinnedAt} IS NOT NULL THEN 0 ELSE 1 END`,
         desc(project.pinnedAt),
@@ -138,14 +151,14 @@ router.patch('/:projectId', async (c) => {
   try {
     const projectId = c.req.param('projectId')
     const body = await c.req.json()
-    const { model: modelId, name: newName, pinnedAt: pinnedAtValue } = body
+    const { model: modelId, name: newName, pinnedAt: pinnedAtValue, archivedAt: archivedAtValue } = body
 
     const [existing] = await db.select().from(project).where(eq(project.id, projectId)).limit(1)
     if (!existing) {
       return c.json({ error: 'Project not found' }, 404)
     }
 
-    const updates: Partial<{ name: string | null; model: string | null; pinnedAt: number | null; updatedAt: number }> = {
+    const updates: Partial<{ name: string | null; model: string | null; pinnedAt: number | null; archivedAt: number | null; updatedAt: number }> = {
       updatedAt: Math.floor(Date.now() / 1000),
     }
     if (modelId !== undefined) {
@@ -157,6 +170,9 @@ router.patch('/:projectId', async (c) => {
     if (pinnedAtValue !== undefined) {
       updates.pinnedAt = pinnedAtValue
     }
+    if (archivedAtValue !== undefined) {
+      updates.archivedAt = archivedAtValue
+    }
 
     const [updated] = await db
       .update(project)

packages/db/src/schema.ts

@@ -19,6 +19,7 @@ export const project = pgTable('project', {
   name: varchar('name'),
   model: varchar('model'),
   pinnedAt: integer('pinned_at'),
+  archivedAt: integer('archived_at'),
   createdAt: integer('created_at').notNull(),
   updatedAt: integer('updated_at').notNull()
 });