feat(web): tidy the channel sidebar and let owners delete groups

web/src/core-bridge/api.ts

@@ -27,6 +27,7 @@ export interface WorkspaceApi {
   createThread(name: string, groupId?: string): Promise<string>;
   createGroup(name: string): Promise<string>;
   renameGroup(id: string, name: string): Promise<void>;
+  deleteGroup(id: string): Promise<void>;
   groupThread(id: string, groupId?: string): Promise<void>;
   renameThread(threadId: string, name: string): Promise<void>;
   setChannelHistory(threadId: string, chatHistory: boolean, filesHistory: boolean): Promise<void>;

web/src/core-bridge/real.ts

@@ -39,6 +39,7 @@ export const realApi: WorkspaceApi = {
   sendFiles: (files, options, threadId, folderId, localIds) => callWorker<void>('sendFiles', { id: currentChannelId(), files, options, threadId, folderId, localIds, apiBase: API_BASE }),
   createThread: (name, groupId) => callWorker<string>('createThread', { id: currentChannelId(), name, groupId, apiBase: API_BASE }),
   createGroup: (name) => callWorker<string>('createGroup', { id: currentChannelId(), name, apiBase: API_BASE }),
+  deleteGroup: (groupId) => callWorker<void>('deleteGroup', { id: currentChannelId(), groupId, apiBase: API_BASE }),
   renameGroup: (groupId, name) => callWorker<void>('renameGroup', { id: currentChannelId(), groupId, name, apiBase: API_BASE }),
   groupThread: (threadId, groupId) => callWorker<void>('groupThread', { id: currentChannelId(), threadId, groupId, apiBase: API_BASE }),
   renameThread: (threadId, name) => callWorker<void>('renameThread', { id: currentChannelId(), threadId, name, apiBase: API_BASE }),

web/src/core-bridge/worker.ts

@@ -12,7 +12,7 @@ import { setEventSink } from './worker/port';
 import { serial } from './worker/serial';
 import { errorMessage } from './errors';
 import { accountStatus, loginAccount, logoutAccount, registerAccount, syncAccount, listAccountInvitations, acceptInvitation, inviteChannelUser, listChannelInvitations, revokeChannelInvitation } from './worker/account';
-import { createFolder, createThread, createGroup, renameGroup, groupThread, moveItems, renameFolder, renameThread, setChannelHistory } from './worker/channelThreads';
+import { createFolder, createThread, createGroup, renameGroup, deleteGroup, groupThread, moveItems, renameFolder, renameThread, setChannelHistory } from './worker/channelThreads';
 import { restoreAccount, updatePersonal, listAccountDevices, renameAccountDevice, revokeAccountDevice, getSavedLogin, clearSavedLogin } from './worker/account';
 
 interface WorkerRequest { requestId: number; operation: string; payload: unknown }
@@ -62,6 +62,7 @@ async function dispatch(operation: string, input: unknown): Promise<unknown> {
     case 'updateChannelSettings': return updateChannelSettings(id, payload.patch as Parameters<typeof updateChannelSettings>[1]);
     case 'createThread': return createThread(id, String(payload.name ?? ''), typeof payload.groupId === 'string' ? payload.groupId : undefined);
     case 'createGroup': return createGroup(id, String(payload.name ?? ''));
+    case 'deleteGroup': return deleteGroup(id, String(payload.groupId ?? ''));
     case 'renameGroup': return renameGroup(id, String(payload.groupId ?? ''), String(payload.name ?? ''));
     case 'groupThread': return groupThread(id, String(payload.threadId ?? ''), typeof payload.groupId === 'string' ? payload.groupId : undefined);
     case 'renameThread': return renameThread(id, String(payload.threadId ?? ''), String(payload.name ?? ''));

web/src/core-bridge/worker/channelThreads.ts

@@ -24,6 +24,9 @@ export async function createGroup(resourceId: string, name: string): Promise<str
 export async function renameGroup(resourceId: string, id: string, name: string): Promise<void> {
   await changeWorkspace(resourceId, 'groups/' + id, 'PATCH', { name } satisfies WorkspaceNameRequest);
 }
+export async function deleteGroup(resourceId: string, id: string): Promise<void> {
+  await changeWorkspace(resourceId, 'groups/' + id, 'DELETE');
+}
 export async function groupThread(resourceId: string, id: string, groupId?: string): Promise<void> {
   await changeWorkspace(resourceId, 'channels/' + id + '/group', 'PUT', { groupId: groupId ?? null } satisfies WorkspaceGroupRequest);
 }

web/src/core-bridge/worker/workspaceStructure.ts

@@ -37,7 +37,7 @@ export async function loadWorkspace(id: string): Promise<WorkspaceBody> {
   const body = await apiFetch(`/spaces/${id}/structure`, { headers: session.authHeaders('read') }).then(r => r.json() as Promise<WorkspaceBody>);
   return publish(id, body);
 }
-export async function changeWorkspace(id: string, path: string, method: 'POST' | 'PATCH' | 'PUT', value: unknown): Promise<WorkspaceBody> {
+export async function changeWorkspace(id: string, path: string, method: 'POST' | 'PATCH' | 'PUT' | 'DELETE', value?: unknown): Promise<WorkspaceBody> {
   const { session } = await getSession(id);
   const body = await apiFetch(`/spaces/${id}/${path}`, {
     method, headers: { ...session.authHeaders(session.can('owner') ? 'owner' : 'write'), 'Content-Type': 'application/json' }, body: JSON.stringify(value),