@ash-cloud/ash-ui 0.0.1 → 0.0.2

package/dist/index.js

@@ -2312,7 +2312,226 @@ var inlineStyles = {
     borderRadius: borderRadius.lg
   }
 };
+function useMessageQueue({
+  onProcessMessage,
+  canProcess = true
+}) {
+  const [queue, setQueue] = useState([]);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const isProcessingRef = useRef(false);
+  const onProcessMessageRef = useRef(onProcessMessage);
+  useEffect(() => {
+    onProcessMessageRef.current = onProcessMessage;
+  }, [onProcessMessage]);
+  const processQueue = useCallback(async () => {
+    if (isProcessingRef.current || !canProcess) return;
+    isProcessingRef.current = true;
+    setIsProcessing(true);
+    while (true) {
+      let nextMessage;
+      setQueue((prev) => {
+        if (prev.length === 0) return prev;
+        nextMessage = prev[0];
+        return prev.slice(1);
+      });
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      if (!nextMessage) break;
+      try {
+        await onProcessMessageRef.current(nextMessage);
+      } catch (error) {
+        console.error("Error processing queued message:", error);
+      }
+    }
+    isProcessingRef.current = false;
+    setIsProcessing(false);
+  }, [canProcess]);
+  useEffect(() => {
+    if (queue.length > 0 && !isProcessingRef.current && canProcess) {
+      processQueue();
+    }
+  }, [queue, processQueue, canProcess]);
+  const enqueue = useCallback((text, files) => {
+    const message = {
+      id: `queue-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+      text,
+      files,
+      queuedAt: Date.now()
+    };
+    setQueue((prev) => [...prev, message]);
+  }, []);
+  const cancel = useCallback((id) => {
+    setQueue((prev) => prev.filter((m) => m.id !== id));
+  }, []);
+  const clearQueue = useCallback(() => {
+    setQueue([]);
+  }, []);
+  return {
+    queue,
+    isProcessing,
+    enqueue,
+    cancel,
+    clearQueue,
+    queueLength: queue.length
+  };
+}
+function useStopExecution({
+  onServerStop
+} = {}) {
+  const [canStop, setCanStop] = useState(false);
+  const abortControllerRef = useRef(null);
+  const sessionIdRef = useRef(null);
+  const onServerStopRef = useRef(onServerStop);
+  onServerStopRef.current = onServerStop;
+  const startExecution = useCallback(() => {
+    abortControllerRef.current = new AbortController();
+    setCanStop(true);
+  }, []);
+  const endExecution = useCallback(() => {
+    abortControllerRef.current = null;
+    sessionIdRef.current = null;
+    setCanStop(false);
+  }, []);
+  const setSessionId = useCallback((sessionId) => {
+    sessionIdRef.current = sessionId;
+  }, []);
+  const stop = useCallback(async (explicitSessionId) => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    const sessionId = explicitSessionId || sessionIdRef.current;
+    if (sessionId && onServerStopRef.current) {
+      try {
+        await onServerStopRef.current(sessionId);
+      } catch (err) {
+        console.warn("Server stop failed:", err);
+      }
+    }
+    setCanStop(false);
+  }, []);
+  return {
+    canStop,
+    signal: abortControllerRef.current?.signal,
+    startExecution,
+    endExecution,
+    stop,
+    setSessionId
+  };
+}
+function formatFileSize2(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+async function readFileAsBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => {
+      const result = reader.result;
+      const base64 = result.split(",")[1];
+      resolve(base64 || "");
+    };
+    reader.onerror = () => reject(reader.error);
+    reader.readAsDataURL(file);
+  });
+}
+function useFileUpload({
+  maxFileSize = 100 * 1024 * 1024,
+  // 100MB
+  maxFiles = 10,
+  onValidationError
+} = {}) {
+  const [files, setFiles] = useState([]);
+  const [isDragOver, setIsDragOver] = useState(false);
+  const fileInputRef = useRef(null);
+  const addFiles = useCallback(
+    async (fileList) => {
+      if (!fileList) return;
+      const newFiles = [];
+      const currentCount = files.length;
+      for (let i = 0; i < fileList.length && currentCount + newFiles.length < maxFiles; i++) {
+        const file = fileList.item(i);
+        if (!file) continue;
+        if (file.size > maxFileSize) {
+          onValidationError?.(
+            file.name,
+            `Exceeds maximum size of ${formatFileSize2(maxFileSize)}`
+          );
+          continue;
+        }
+        try {
+          const content = await readFileAsBase64(file);
+          newFiles.push({
+            filename: file.name,
+            content,
+            mimeType: file.type || "application/octet-stream",
+            size: file.size
+          });
+        } catch (error) {
+          console.error(`Failed to read file ${file.name}:`, error);
+          onValidationError?.(file.name, "Failed to read file");
+        }
+      }
+      if (fileList.length > maxFiles - currentCount && currentCount + newFiles.length >= maxFiles) {
+        onValidationError?.("", `Maximum ${maxFiles} files allowed`);
+      }
+      if (newFiles.length > 0) {
+        setFiles((prev) => [...prev, ...newFiles]);
+      }
+    },
+    [files.length, maxFiles, maxFileSize, onValidationError]
+  );
+  const removeFile = useCallback((index) => {
+    setFiles((prev) => prev.filter((_, i) => i !== index));
+  }, []);
+  const clearFiles = useCallback(() => {
+    setFiles([]);
+  }, []);
+  const handleDragOver = useCallback((e) => {
+    e.preventDefault();
+    setIsDragOver(true);
+  }, []);
+  const handleDragLeave = useCallback((e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+  }, []);
+  const handleDrop = useCallback(
+    (e) => {
+      e.preventDefault();
+      setIsDragOver(false);
+      addFiles(e.dataTransfer.files);
+    },
+    [addFiles]
+  );
+  const handleFileInputChange = useCallback(
+    (e) => {
+      addFiles(e.target.files);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    },
+    [addFiles]
+  );
+  const openFilePicker = useCallback(() => {
+    fileInputRef.current?.click();
+  }, []);
+  return {
+    files,
+    isDragOver,
+    addFiles,
+    removeFile,
+    clearFiles,
+    canAddMore: files.length < maxFiles,
+    dropZoneProps: {
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop
+    },
+    handleFileInputChange,
+    fileInputRef,
+    openFilePicker
+  };
+}
 
-export { ActionIcon, AlertCircleIcon, AlertTriangleIcon, AssistantMessage, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, CodeBlock, CodeIcon, CompactToolStatusLine, CopyIcon, DEFAULT_DISPLAY_CONFIG, DisplayModeProvider, EditIcon, ErrorMessage, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, InfoIcon, JsonDisplay, ListChecksIcon, LoaderIcon, LoadingIndicator, LogsPanel, MessageEntry, MessageList, MessageSquareIcon, MoonIcon, OptionCards, PaperclipIcon, PlugIcon, SearchIcon, SendIcon, SparklesIcon, StatusIndicator, StopCircleIcon, StreamingText, SunIcon, TerminalIcon, ThemeProvider, ThinkingMessage, TodoPanel, ToolCallCard, ToolCallMessage, ToolExecutionGroup, ToolIcon, TypewriterText, UserIcon, UserMessage, XCircleIcon, XIcon, allKeyframesCss, borderRadius, cn, colors, createToolCall, extractTextContent, extractToolCallsFromGroup, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, groupEntriesForCompactMode, inlineStyles, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, keyframes, keyframesCss, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, shadows, spacing, tokensToCssVariables, transitions, truncate, typography, updateToolCallWithResult, useDisplayConfig, useDisplayMode, useTheme, widget, zIndex };
+export { ActionIcon, AlertCircleIcon, AlertTriangleIcon, AssistantMessage, BotIcon, BrainIcon, BugIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleIcon, ClipboardListIcon, CodeBlock, CodeIcon, CompactToolStatusLine, CopyIcon, DEFAULT_DISPLAY_CONFIG, DisplayModeProvider, EditIcon, ErrorMessage, FileIcon, FilePlusIcon, FolderSearchIcon, GlobeIcon, InfoIcon, JsonDisplay, ListChecksIcon, LoaderIcon, LoadingIndicator, LogsPanel, MessageEntry, MessageList, MessageSquareIcon, MoonIcon, OptionCards, PaperclipIcon, PlugIcon, SearchIcon, SendIcon, SparklesIcon, StatusIndicator, StopCircleIcon, StreamingText, SunIcon, TerminalIcon, ThemeProvider, ThinkingMessage, TodoPanel, ToolCallCard, ToolCallMessage, ToolExecutionGroup, ToolIcon, TypewriterText, UserIcon, UserMessage, XCircleIcon, XIcon, allKeyframesCss, borderRadius, cn, colors, createToolCall, extractTextContent, extractToolCallsFromGroup, formatFileSize, formatTimestamp, formatToolName, generateToolSummary, getActionIcon, getActionLabel, groupEntriesForCompactMode, inlineStyles, isCommandRunAction, isErrorEntry, isFileEditAction, isFileReadAction, isFileWriteAction, isGenericToolAction, isGlobAction, isMcpToolAction, isSearchAction, isTodoWriteAction, isToolCallEntry, isWebFetchAction, isWebSearchAction, keyframes, keyframesCss, mapToolToActionType, normalizeToolResult, parseCommandResult, parseMcpToolName, parseOptionsFromContent, shadows, spacing, tokensToCssVariables, transitions, truncate, typography, updateToolCallWithResult, useDisplayConfig, useDisplayMode, useFileUpload, useMessageQueue, useStopExecution, useTheme, widget, zIndex };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map