@weirdfingers/boards 0.6.1 → 0.7.0

package/dist/index.d.mts

@@ -389,6 +389,7 @@ declare const REMOVE_BOARD_MEMBER: urql.TypedDocumentNode<any, urql.AnyVariables
 declare const CREATE_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
 declare const CANCEL_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
 declare const RETRY_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
+declare const DELETE_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
 declare const UPLOAD_ARTIFACT_FROM_URL: urql.TypedDocumentNode<any, urql.AnyVariables>;
 interface CreateBoardInput {
     title: string;
@@ -398,6 +399,7 @@ interface CreateBoardInput {
     metadata?: Record<string, unknown>;
 }
 interface UpdateBoardInput {
+    id: string;
     title?: string;
     description?: string;
     isPublic?: boolean;
@@ -651,6 +653,7 @@ interface GenerationHook {
     submit: (request: GenerationRequest) => Promise<string>;
     cancel: (jobId: string) => Promise<void>;
     retry: (jobId: string) => Promise<void>;
+    deleteGeneration: (jobId: string) => Promise<void>;
     history: GenerationResult[];
     clearHistory: () => void;
 }
@@ -678,17 +681,17 @@ interface GeneratorsHook {
 declare function useGenerators(options?: UseGeneratorsOptions): GeneratorsHook;
 
 /**
- * Hook for uploading artifacts (images, videos, audio, text).
+ * Hook for uploading multiple artifacts concurrently with individual progress tracking.
  */
 
-interface UploadRequest {
+interface MultiUploadRequest {
     boardId: string;
     artifactType: ArtifactType;
     source: File | string;
     userDescription?: string;
     parentGenerationId?: string;
 }
-interface UploadResult {
+interface MultiUploadResult {
     id: string;
     storageUrl: string;
     thumbnailUrl?: string;
@@ -696,13 +699,25 @@ interface UploadResult {
     artifactType: ArtifactType;
     generatorName: string;
 }
-interface UploadHook {
-    upload: (request: UploadRequest) => Promise<UploadResult>;
-    isUploading: boolean;
+type UploadStatus = "pending" | "uploading" | "completed" | "failed";
+interface UploadItem {
+    id: string;
+    file: File | string;
+    fileName: string;
+    status: UploadStatus;
     progress: number;
-    error: Error | null;
+    result?: MultiUploadResult;
+    error?: Error;
+}
+interface MultiUploadHook {
+    uploadMultiple: (requests: MultiUploadRequest[]) => Promise<MultiUploadResult[]>;
+    uploads: UploadItem[];
+    isUploading: boolean;
+    overallProgress: number;
+    clearUploads: () => void;
+    cancelUpload: (uploadId: string) => void;
 }
-declare function useUpload(): UploadHook;
+declare function useMultiUpload(): MultiUploadHook;
 
 /**
  * Hook for accessing generation lineage (ancestry and descendants).
@@ -907,4 +922,4 @@ declare function BoardsProvider({ children, apiUrl, graphqlUrl, subscriptionUrl,
 
 declare const VERSION = "0.1.0";
 
-export { ADD_BOARD_MEMBER, ANCESTRY_NODE_FRAGMENT, ARTIFACT_LINEAGE_FRAGMENT, type AncestryNode, type ApiConfig, type Artifact$1 as Artifact, type ArtifactLineage, type ArtifactSlot, type ArtifactSlotInfo, ArtifactType, type AuthContextValue, AuthProvider, type AuthProviderConfig, type AuthState$1 as AuthState, BOARD_FRAGMENT, BaseAuthProvider, BoardRole, BoardsProvider, CANCEL_GENERATION, CREATE_BOARD, CREATE_GENERATION, type CreateBoardInput, type CreateGenerationInput, DELETE_BOARD, DESCENDANT_NODE_FRAGMENT, type DescendantNode, type DropdownField, GENERATION_FRAGMENT, GET_ANCESTRY, GET_BOARD, GET_BOARDS, GET_CURRENT_USER, GET_DESCENDANTS, GET_GENERATION, GET_GENERATIONS, GET_GENERATORS, GET_INPUT_ARTIFACTS, GenerationStatus, type Generator, type GeneratorInfo, type GeneratorSelectionContextValue, GeneratorSelectionProvider, NoAuthProvider, type NumberInputField, type ParsedGeneratorSchema, type PromptField, REMOVE_BOARD_MEMBER, RETRY_GENERATION, type SettingsField, type SignInOptions, type SliderField, type TextInputField, UPDATE_BOARD, UPDATE_BOARD_MEMBER_ROLE, UPLOAD_ARTIFACT_FROM_URL, USER_FRAGMENT, type UpdateBoardInput, type UploadArtifactInput, type UploadHook, type UploadRequest, type UploadResult, type User$1 as User, VERSION, createGraphQLClient, getArtifactType, isArtifactReference, parseArtifactSlot, parseGeneratorSchema, parseSettingsField, useAncestry, useApiConfig, useAuth, useAuthOptional, useBoard, useBoards, useDescendants, useGeneration, useGeneratorSelection, useGenerators, useInputArtifacts, useLineage, useUpload };
+export { ADD_BOARD_MEMBER, ANCESTRY_NODE_FRAGMENT, ARTIFACT_LINEAGE_FRAGMENT, type AncestryNode, type ApiConfig, type Artifact$1 as Artifact, type ArtifactLineage, type ArtifactSlot, type ArtifactSlotInfo, ArtifactType, type AuthContextValue, AuthProvider, type AuthProviderConfig, type AuthState$1 as AuthState, BOARD_FRAGMENT, BaseAuthProvider, BoardRole, BoardsProvider, CANCEL_GENERATION, CREATE_BOARD, CREATE_GENERATION, type CreateBoardInput, type CreateGenerationInput, DELETE_BOARD, DELETE_GENERATION, DESCENDANT_NODE_FRAGMENT, type DescendantNode, type DropdownField, GENERATION_FRAGMENT, GET_ANCESTRY, GET_BOARD, GET_BOARDS, GET_CURRENT_USER, GET_DESCENDANTS, GET_GENERATION, GET_GENERATIONS, GET_GENERATORS, GET_INPUT_ARTIFACTS, GenerationStatus, type Generator, type GeneratorInfo, type GeneratorSelectionContextValue, GeneratorSelectionProvider, type MultiUploadHook, type MultiUploadRequest, type MultiUploadResult, NoAuthProvider, type NumberInputField, type ParsedGeneratorSchema, type PromptField, REMOVE_BOARD_MEMBER, RETRY_GENERATION, type SettingsField, type SignInOptions, type SliderField, type TextInputField, UPDATE_BOARD, UPDATE_BOARD_MEMBER_ROLE, UPLOAD_ARTIFACT_FROM_URL, USER_FRAGMENT, type UpdateBoardInput, type UploadArtifactInput, type UploadItem, type UploadStatus, type User$1 as User, VERSION, createGraphQLClient, getArtifactType, isArtifactReference, parseArtifactSlot, parseGeneratorSchema, parseSettingsField, useAncestry, useApiConfig, useAuth, useAuthOptional, useBoard, useBoards, useDescendants, useGeneration, useGeneratorSelection, useGenerators, useInputArtifacts, useLineage, useMultiUpload };

package/dist/index.d.ts

@@ -389,6 +389,7 @@ declare const REMOVE_BOARD_MEMBER: urql.TypedDocumentNode<any, urql.AnyVariables
 declare const CREATE_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
 declare const CANCEL_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
 declare const RETRY_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
+declare const DELETE_GENERATION: urql.TypedDocumentNode<any, urql.AnyVariables>;
 declare const UPLOAD_ARTIFACT_FROM_URL: urql.TypedDocumentNode<any, urql.AnyVariables>;
 interface CreateBoardInput {
     title: string;
@@ -398,6 +399,7 @@ interface CreateBoardInput {
     metadata?: Record<string, unknown>;
 }
 interface UpdateBoardInput {
+    id: string;
     title?: string;
     description?: string;
     isPublic?: boolean;
@@ -651,6 +653,7 @@ interface GenerationHook {
     submit: (request: GenerationRequest) => Promise<string>;
     cancel: (jobId: string) => Promise<void>;
     retry: (jobId: string) => Promise<void>;
+    deleteGeneration: (jobId: string) => Promise<void>;
     history: GenerationResult[];
     clearHistory: () => void;
 }
@@ -678,17 +681,17 @@ interface GeneratorsHook {
 declare function useGenerators(options?: UseGeneratorsOptions): GeneratorsHook;
 
 /**
- * Hook for uploading artifacts (images, videos, audio, text).
+ * Hook for uploading multiple artifacts concurrently with individual progress tracking.
  */
 
-interface UploadRequest {
+interface MultiUploadRequest {
     boardId: string;
     artifactType: ArtifactType;
     source: File | string;
     userDescription?: string;
     parentGenerationId?: string;
 }
-interface UploadResult {
+interface MultiUploadResult {
     id: string;
     storageUrl: string;
     thumbnailUrl?: string;
@@ -696,13 +699,25 @@ interface UploadResult {
     artifactType: ArtifactType;
     generatorName: string;
 }
-interface UploadHook {
-    upload: (request: UploadRequest) => Promise<UploadResult>;
-    isUploading: boolean;
+type UploadStatus = "pending" | "uploading" | "completed" | "failed";
+interface UploadItem {
+    id: string;
+    file: File | string;
+    fileName: string;
+    status: UploadStatus;
     progress: number;
-    error: Error | null;
+    result?: MultiUploadResult;
+    error?: Error;
+}
+interface MultiUploadHook {
+    uploadMultiple: (requests: MultiUploadRequest[]) => Promise<MultiUploadResult[]>;
+    uploads: UploadItem[];
+    isUploading: boolean;
+    overallProgress: number;
+    clearUploads: () => void;
+    cancelUpload: (uploadId: string) => void;
 }
-declare function useUpload(): UploadHook;
+declare function useMultiUpload(): MultiUploadHook;
 
 /**
  * Hook for accessing generation lineage (ancestry and descendants).
@@ -907,4 +922,4 @@ declare function BoardsProvider({ children, apiUrl, graphqlUrl, subscriptionUrl,
 
 declare const VERSION = "0.1.0";
 
-export { ADD_BOARD_MEMBER, ANCESTRY_NODE_FRAGMENT, ARTIFACT_LINEAGE_FRAGMENT, type AncestryNode, type ApiConfig, type Artifact$1 as Artifact, type ArtifactLineage, type ArtifactSlot, type ArtifactSlotInfo, ArtifactType, type AuthContextValue, AuthProvider, type AuthProviderConfig, type AuthState$1 as AuthState, BOARD_FRAGMENT, BaseAuthProvider, BoardRole, BoardsProvider, CANCEL_GENERATION, CREATE_BOARD, CREATE_GENERATION, type CreateBoardInput, type CreateGenerationInput, DELETE_BOARD, DESCENDANT_NODE_FRAGMENT, type DescendantNode, type DropdownField, GENERATION_FRAGMENT, GET_ANCESTRY, GET_BOARD, GET_BOARDS, GET_CURRENT_USER, GET_DESCENDANTS, GET_GENERATION, GET_GENERATIONS, GET_GENERATORS, GET_INPUT_ARTIFACTS, GenerationStatus, type Generator, type GeneratorInfo, type GeneratorSelectionContextValue, GeneratorSelectionProvider, NoAuthProvider, type NumberInputField, type ParsedGeneratorSchema, type PromptField, REMOVE_BOARD_MEMBER, RETRY_GENERATION, type SettingsField, type SignInOptions, type SliderField, type TextInputField, UPDATE_BOARD, UPDATE_BOARD_MEMBER_ROLE, UPLOAD_ARTIFACT_FROM_URL, USER_FRAGMENT, type UpdateBoardInput, type UploadArtifactInput, type UploadHook, type UploadRequest, type UploadResult, type User$1 as User, VERSION, createGraphQLClient, getArtifactType, isArtifactReference, parseArtifactSlot, parseGeneratorSchema, parseSettingsField, useAncestry, useApiConfig, useAuth, useAuthOptional, useBoard, useBoards, useDescendants, useGeneration, useGeneratorSelection, useGenerators, useInputArtifacts, useLineage, useUpload };
+export { ADD_BOARD_MEMBER, ANCESTRY_NODE_FRAGMENT, ARTIFACT_LINEAGE_FRAGMENT, type AncestryNode, type ApiConfig, type Artifact$1 as Artifact, type ArtifactLineage, type ArtifactSlot, type ArtifactSlotInfo, ArtifactType, type AuthContextValue, AuthProvider, type AuthProviderConfig, type AuthState$1 as AuthState, BOARD_FRAGMENT, BaseAuthProvider, BoardRole, BoardsProvider, CANCEL_GENERATION, CREATE_BOARD, CREATE_GENERATION, type CreateBoardInput, type CreateGenerationInput, DELETE_BOARD, DELETE_GENERATION, DESCENDANT_NODE_FRAGMENT, type DescendantNode, type DropdownField, GENERATION_FRAGMENT, GET_ANCESTRY, GET_BOARD, GET_BOARDS, GET_CURRENT_USER, GET_DESCENDANTS, GET_GENERATION, GET_GENERATIONS, GET_GENERATORS, GET_INPUT_ARTIFACTS, GenerationStatus, type Generator, type GeneratorInfo, type GeneratorSelectionContextValue, GeneratorSelectionProvider, type MultiUploadHook, type MultiUploadRequest, type MultiUploadResult, NoAuthProvider, type NumberInputField, type ParsedGeneratorSchema, type PromptField, REMOVE_BOARD_MEMBER, RETRY_GENERATION, type SettingsField, type SignInOptions, type SliderField, type TextInputField, UPDATE_BOARD, UPDATE_BOARD_MEMBER_ROLE, UPLOAD_ARTIFACT_FROM_URL, USER_FRAGMENT, type UpdateBoardInput, type UploadArtifactInput, type UploadItem, type UploadStatus, type User$1 as User, VERSION, createGraphQLClient, getArtifactType, isArtifactReference, parseArtifactSlot, parseGeneratorSchema, parseSettingsField, useAncestry, useApiConfig, useAuth, useAuthOptional, useBoard, useBoards, useDescendants, useGeneration, useGeneratorSelection, useGenerators, useInputArtifacts, useLineage, useMultiUpload };

package/dist/index.js

@@ -33,6 +33,7 @@ __export(index_exports, {
   CREATE_BOARD: () => CREATE_BOARD,
   CREATE_GENERATION: () => CREATE_GENERATION,
   DELETE_BOARD: () => DELETE_BOARD,
+  DELETE_GENERATION: () => DELETE_GENERATION,
   DESCENDANT_NODE_FRAGMENT: () => DESCENDANT_NODE_FRAGMENT,
   GENERATION_FRAGMENT: () => GENERATION_FRAGMENT,
   GET_ANCESTRY: () => GET_ANCESTRY,
@@ -72,7 +73,7 @@ __export(index_exports, {
   useGenerators: () => useGenerators,
   useInputArtifacts: () => useInputArtifacts,
   useLineage: () => useLineage,
-  useUpload: () => useUpload
+  useMultiUpload: () => useMultiUpload
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -820,8 +821,8 @@ var CREATE_BOARD = import_urql2.gql`
 `;
 var UPDATE_BOARD = import_urql2.gql`
   ${BOARD_FRAGMENT}
-  mutation UpdateBoard($id: UUID!, $input: UpdateBoardInput!) {
-    updateBoard(id: $id, input: $input) {
+  mutation UpdateBoard($input: UpdateBoardInput!) {
+    updateBoard(input: $input) {
       ...BoardFragment
     }
   }
@@ -887,6 +888,11 @@ var RETRY_GENERATION = import_urql2.gql`
     }
   }
 `;
+var DELETE_GENERATION = import_urql2.gql`
+  mutation DeleteGeneration($id: UUID!) {
+    deleteGeneration(id: $id)
+  }
+`;
 var UPLOAD_ARTIFACT_FROM_URL = import_urql2.gql`
   ${GENERATION_FRAGMENT}
   mutation UploadArtifactFromUrl($input: UploadArtifactInput!) {
@@ -1049,8 +1055,10 @@ function useBoard(boardId, options) {
         throw new Error("Board ID is required");
       }
       const result = await updateBoardMutation({
-        id: boardId,
-        input: updates
+        input: {
+          id: boardId,
+          ...updates
+        }
       });
       if (result.error) {
         throw new Error(result.error.message);
@@ -1173,6 +1181,7 @@ function useGeneration() {
   const [, createGenerationMutation] = (0, import_urql5.useMutation)(CREATE_GENERATION);
   const [, cancelGenerationMutation] = (0, import_urql5.useMutation)(CANCEL_GENERATION);
   const [, retryGenerationMutation] = (0, import_urql5.useMutation)(RETRY_GENERATION);
+  const [, deleteGenerationMutation] = (0, import_urql5.useMutation)(DELETE_GENERATION);
   (0, import_react6.useEffect)(() => {
     return () => {
       abortControllers.current.forEach((controller) => {
@@ -1382,6 +1391,36 @@ function useGeneration() {
     },
     [retryGenerationMutation, connectToSSE]
   );
+  const deleteGeneration = (0, import_react6.useCallback)(
+    async (jobId) => {
+      try {
+        const result2 = await deleteGenerationMutation({ id: jobId });
+        if (result2.error) {
+          throw new Error(result2.error.message);
+        }
+        if (!result2.data?.deleteGeneration) {
+          throw new Error("Failed to delete generation");
+        }
+        const controller = abortControllers.current.get(jobId);
+        if (controller) {
+          controller.abort();
+          abortControllers.current.delete(jobId);
+        }
+        if (progress?.jobId === jobId) {
+          setProgress(null);
+          setResult(null);
+          setIsGenerating(false);
+        }
+        setHistory((prev) => prev.filter((item) => item.jobId !== jobId));
+      } catch (err) {
+        setError(
+          err instanceof Error ? err : new Error("Failed to delete generation")
+        );
+        throw err;
+      }
+    },
+    [deleteGenerationMutation, progress]
+  );
   const clearHistory = (0, import_react6.useCallback)(() => {
     setHistory([]);
   }, []);
@@ -1393,6 +1432,7 @@ function useGeneration() {
     submit,
     cancel,
     retry,
+    deleteGeneration,
     history,
     clearHistory
   };
@@ -1415,21 +1455,44 @@ function useGenerators(options = {}) {
   };
 }
 
-// src/hooks/useUpload.ts
+// src/hooks/useMultiUpload.ts
 var import_react8 = require("react");
 var import_urql7 = require("urql");
-function useUpload() {
-  const [isUploading, setIsUploading] = (0, import_react8.useState)(false);
-  const [progress, setProgress] = (0, import_react8.useState)(0);
-  const [error, setError] = (0, import_react8.useState)(null);
+var uploadIdCounter = 0;
+function generateUploadId() {
+  return `upload-${Date.now()}-${++uploadIdCounter}`;
+}
+function getFileName(source) {
+  if (typeof source === "string") {
+    try {
+      const url = new URL(source);
+      const pathParts = url.pathname.split("/");
+      return pathParts[pathParts.length - 1] || source;
+    } catch {
+      return source;
+    }
+  }
+  return source.name;
+}
+function useMultiUpload() {
+  const [uploads, setUploads] = (0, import_react8.useState)([]);
+  const abortControllersRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
   const { apiUrl } = useApiConfig();
   const auth = useAuth();
   const [, uploadFromUrlMutation] = (0, import_urql7.useMutation)(UPLOAD_ARTIFACT_FROM_URL);
-  const upload = (0, import_react8.useCallback)(
-    async (request) => {
-      setError(null);
-      setProgress(0);
-      setIsUploading(true);
+  const updateUpload = (0, import_react8.useCallback)(
+    (uploadId, updates) => {
+      setUploads(
+        (prev) => prev.map(
+          (item) => item.id === uploadId ? { ...item, ...updates } : item
+        )
+      );
+    },
+    []
+  );
+  const uploadSingle = (0, import_react8.useCallback)(
+    async (uploadId, request) => {
+      updateUpload(uploadId, { status: "uploading", progress: 0 });
       try {
         if (typeof request.source === "string") {
           const result2 = await uploadFromUrlMutation({
@@ -1447,9 +1510,7 @@ function useUpload() {
           if (!result2.data?.uploadArtifact) {
             throw new Error("Upload failed");
           }
-          setProgress(100);
-          setIsUploading(false);
-          return {
+          const uploadResult = {
             id: result2.data.uploadArtifact.id,
             storageUrl: result2.data.uploadArtifact.storageUrl,
             thumbnailUrl: result2.data.uploadArtifact.thumbnailUrl,
@@ -1457,6 +1518,12 @@ function useUpload() {
             artifactType: result2.data.uploadArtifact.artifactType,
             generatorName: result2.data.uploadArtifact.generatorName
           };
+          updateUpload(uploadId, {
+            status: "completed",
+            progress: 100,
+            result: uploadResult
+          });
+          return uploadResult;
         }
         const formData = new FormData();
         formData.append("board_id", request.boardId);
@@ -1473,68 +1540,128 @@ function useUpload() {
         if (token) {
           headers.Authorization = `Bearer ${token}`;
         }
-        const result = await new Promise((resolve, reject) => {
-          const xhr = new XMLHttpRequest();
-          xhr.upload.addEventListener("progress", (e) => {
-            if (e.lengthComputable) {
-              const percentComplete = e.loaded / e.total * 100;
-              setProgress(percentComplete);
-            }
-          });
-          xhr.addEventListener("load", () => {
-            if (xhr.status === 200) {
-              try {
-                const data = JSON.parse(xhr.responseText);
-                resolve({
-                  id: data.id,
-                  storageUrl: data.storageUrl,
-                  thumbnailUrl: data.thumbnailUrl,
-                  status: "completed",
-                  artifactType: data.artifactType,
-                  generatorName: data.generatorName
-                });
-              } catch (err) {
-                reject(new Error("Failed to parse response"));
+        const result = await new Promise(
+          (resolve, reject) => {
+            const xhr = new XMLHttpRequest();
+            abortControllersRef.current.set(uploadId, () => xhr.abort());
+            const cleanup = () => {
+              abortControllersRef.current.delete(uploadId);
+            };
+            xhr.upload.addEventListener("progress", (e) => {
+              if (e.lengthComputable) {
+                const percentComplete = e.loaded / e.total * 100;
+                updateUpload(uploadId, { progress: percentComplete });
               }
-            } else {
-              try {
-                const errorData = JSON.parse(xhr.responseText);
-                reject(new Error(errorData.detail || `Upload failed: ${xhr.statusText}`));
-              } catch {
-                reject(new Error(`Upload failed: ${xhr.statusText}`));
+            });
+            xhr.addEventListener("load", () => {
+              cleanup();
+              if (xhr.status === 200) {
+                try {
+                  const data = JSON.parse(xhr.responseText);
+                  resolve({
+                    id: data.id,
+                    storageUrl: data.storageUrl,
+                    thumbnailUrl: data.thumbnailUrl,
+                    status: "completed",
+                    artifactType: data.artifactType,
+                    generatorName: data.generatorName
+                  });
+                } catch (err) {
+                  reject(new Error("Failed to parse response"));
+                }
+              } else {
+                try {
+                  const errorData = JSON.parse(xhr.responseText);
+                  reject(
+                    new Error(
+                      errorData.detail || `Upload failed: ${xhr.statusText}`
+                    )
+                  );
+                } catch {
+                  reject(new Error(`Upload failed: ${xhr.statusText}`));
+                }
               }
-            }
-          });
-          xhr.addEventListener("error", () => {
-            reject(new Error("Upload failed: Network error"));
-          });
-          xhr.addEventListener("abort", () => {
-            reject(new Error("Upload cancelled"));
-          });
-          xhr.open("POST", `${apiUrl}/api/uploads/artifact`);
-          Object.entries(headers).forEach(([key, value]) => {
-            xhr.setRequestHeader(key, value);
-          });
-          xhr.send(formData);
+            });
+            xhr.addEventListener("error", () => {
+              cleanup();
+              reject(new Error("Upload failed: Network error"));
+            });
+            xhr.addEventListener("abort", () => {
+              cleanup();
+              reject(new Error("Upload cancelled"));
+            });
+            xhr.addEventListener("loadend", () => {
+              cleanup();
+            });
+            xhr.open("POST", `${apiUrl}/api/uploads/artifact`);
+            Object.entries(headers).forEach(([key, value]) => {
+              xhr.setRequestHeader(key, value);
+            });
+            xhr.send(formData);
+          }
+        );
+        updateUpload(uploadId, {
+          status: "completed",
+          progress: 100,
+          result
         });
-        setProgress(100);
-        setIsUploading(false);
         return result;
       } catch (err) {
         const uploadError = err instanceof Error ? err : new Error("Upload failed");
-        setError(uploadError);
-        setIsUploading(false);
-        setProgress(0);
+        updateUpload(uploadId, {
+          status: "failed",
+          error: uploadError
+        });
         throw uploadError;
       }
     },
-    [uploadFromUrlMutation, apiUrl, auth]
+    [uploadFromUrlMutation, apiUrl, auth, updateUpload]
+  );
+  const uploadMultiple = (0, import_react8.useCallback)(
+    async (requests) => {
+      const newUploads = requests.map((request) => ({
+        id: generateUploadId(),
+        file: request.source,
+        fileName: getFileName(request.source),
+        status: "pending",
+        progress: 0
+      }));
+      setUploads((prev) => [...prev, ...newUploads]);
+      const results = await Promise.allSettled(
+        requests.map(
+          (request, index) => uploadSingle(newUploads[index].id, request)
+        )
+      );
+      const successfulResults = [];
+      results.forEach((result) => {
+        if (result.status === "fulfilled") {
+          successfulResults.push(result.value);
+        }
+      });
+      return successfulResults;
+    },
+    [uploadSingle]
   );
+  const clearUploads = (0, import_react8.useCallback)(() => {
+    abortControllersRef.current.forEach((abort) => abort());
+    abortControllersRef.current.clear();
+    setUploads([]);
+  }, []);
+  const cancelUpload = (0, import_react8.useCallback)((uploadId) => {
+    const abort = abortControllersRef.current.get(uploadId);
+    if (abort) {
+      abort();
+    }
+  }, []);
+  const isUploading = uploads.some((u) => u.status === "uploading");
+  const overallProgress = uploads.length > 0 ? uploads.reduce((sum, u) => sum + u.progress, 0) / uploads.length : 0;
   return {
-    upload,
+    uploadMultiple,
+    uploads,
     isUploading,
-    progress,
-    error
+    overallProgress,
+    clearUploads,
+    cancelUpload
   };
 }
 
@@ -1652,6 +1779,7 @@ var VERSION = "0.1.0";
   CREATE_BOARD,
   CREATE_GENERATION,
   DELETE_BOARD,
+  DELETE_GENERATION,
   DESCENDANT_NODE_FRAGMENT,
   GENERATION_FRAGMENT,
   GET_ANCESTRY,
@@ -1691,6 +1819,6 @@ var VERSION = "0.1.0";
   useGenerators,
   useInputArtifacts,
   useLineage,
-  useUpload
+  useMultiUpload
 });
 //# sourceMappingURL=index.js.map