@mars-stack/cli 6.0.3 → 7.0.0

package/dist/index.js

@@ -1421,7 +1421,7 @@ interface UseNotificationsOptions {
 interface UseNotificationsReturn {
   notifications: NotificationItem[];
   unreadCount: number;
-  isLoading: boolean;
+  status: 'idle' | 'loading';
   error: string | null;
   markAsRead: (id: string) => Promise<void>;
   markAllAsRead: () => Promise<void>;
@@ -1433,7 +1433,7 @@ export function useNotifications({
 }: UseNotificationsOptions = {}): UseNotificationsReturn {
   const [notifications, setNotifications] = useState<NotificationItem[]>([]);
   const [unreadCount, setUnreadCount] = useState(0);
-  const [isLoading, setIsLoading] = useState(true);
+  const [status, setStatus] = useState<'idle' | 'loading'>('loading');
   const [error, setError] = useState<string | null>(null);
   const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);
 
@@ -1461,9 +1461,9 @@ export function useNotifications({
   }, []);
 
   const refresh = useCallback(async () => {
-    setIsLoading(true);
+    setStatus('loading');
     await Promise.all([fetchNotifications(), fetchUnreadCount()]);
-    setIsLoading(false);
+    setStatus('idle');
   }, [fetchNotifications, fetchUnreadCount]);
 
   const markAsRead = useCallback(
@@ -1512,7 +1512,7 @@ export function useNotifications({
   return {
     notifications,
     unreadCount,
-    isLoading,
+    status,
     error,
     markAsRead,
     markAllAsRead,
@@ -1532,7 +1532,7 @@ import { NotificationPanel } from './NotificationPanel';
 export function NotificationBell() {
   const [isOpen, setIsOpen] = useState(false);
   const containerRef = useRef<HTMLDivElement>(null);
-  const { notifications, unreadCount, isLoading, markAsRead, markAllAsRead, refresh } =
+  const { notifications, unreadCount, status, markAsRead, markAllAsRead, refresh } =
     useNotifications();
 
   useEffect(() => {
@@ -1583,7 +1583,7 @@ export function NotificationBell() {
       {isOpen && (
         <NotificationPanel
           notifications={notifications}
-          isLoading={isLoading}
+          status={status}
           onMarkAsRead={markAsRead}
           onMarkAllAsRead={markAllAsRead}
           onClose={() => setIsOpen(false)}
@@ -1602,7 +1602,7 @@ import type { NotificationItem } from '../types';
 
 interface NotificationPanelProps {
   notifications: NotificationItem[];
-  isLoading: boolean;
+  status: 'idle' | 'loading';
   onMarkAsRead: (id: string) => Promise<void>;
   onMarkAllAsRead: () => Promise<void>;
   onClose: () => void;
@@ -1636,7 +1636,7 @@ function formatRelativeTime(date: Date | string): string {
 
 export function NotificationPanel({
   notifications,
-  isLoading,
+  status,
   onMarkAsRead,
   onMarkAllAsRead,
   onClose,
@@ -1659,7 +1659,7 @@ export function NotificationPanel({
       </div>
 
       <div className="max-h-96 overflow-y-auto">
-        {isLoading && notifications.length === 0 ? (
+        {status === 'loading' && notifications.length === 0 ? (
           <div className="flex items-center justify-center py-12">
             <div className="size-5 animate-spin rounded-full border-2 border-border-default border-t-brand-primary" />
           </div>
@@ -3640,7 +3640,7 @@ interface UseSearchReturn<T> {
   query: string;
   setQuery: (q: string) => void;
   results: SearchResult<T>[];
-  isLoading: boolean;
+  status: 'idle' | 'loading';
   page: number;
   setPage: (p: number) => void;
   error: string | null;
@@ -3653,7 +3653,7 @@ export function useSearch<T = Record<string, unknown>>(
 
   const [query, setQuery] = useState('');
   const [results, setResults] = useState<SearchResult<T>[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
+  const [status, setStatus] = useState<'idle' | 'loading'>('idle');
   const [page, setPage] = useState(1);
   const [error, setError] = useState<string | null>(null);
   const abortRef = useRef<AbortController | null>(null);
@@ -3662,7 +3662,7 @@ export function useSearch<T = Record<string, unknown>>(
     async (q: string, p: number) => {
       if (!q.trim()) {
         setResults([]);
-        setIsLoading(false);
+        setStatus('idle');
         return;
       }
 
@@ -3670,7 +3670,7 @@ export function useSearch<T = Record<string, unknown>>(
       const controller = new AbortController();
       abortRef.current = controller;
 
-      setIsLoading(true);
+      setStatus('loading');
       setError(null);
 
       try {
@@ -3698,7 +3698,7 @@ export function useSearch<T = Record<string, unknown>>(
         setResults([]);
       } finally {
         if (!controller.signal.aborted) {
-          setIsLoading(false);
+          setStatus('idle');
         }
       }
     },
@@ -3717,7 +3717,7 @@ export function useSearch<T = Record<string, unknown>>(
     setPage(1);
   }, [query]);
 
-  return { query, setQuery, results, isLoading, page, setPage, error };
+  return { query, setQuery, results, status, page, setPage, error };
 }
 `;
 }
@@ -4573,7 +4573,7 @@ interface UseChatOptions {
 
 interface UseChatReturn {
   messages: ChatMessage[];
-  isLoading: boolean;
+  status: 'idle' | 'loading';
   error: string | null;
   send: (content: string) => Promise<void>;
   reset: () => void;
@@ -4582,13 +4582,13 @@ interface UseChatReturn {
 export function useChat(options: UseChatOptions = {}): UseChatReturn {
   const { apiUrl = '/api/protected/ai/chat' } = options;
   const [messages, setMessages] = useState<ChatMessage[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
+  const [status, setStatus] = useState<'idle' | 'loading'>('idle');
   const [error, setError] = useState<string | null>(null);
   const abortRef = useRef<AbortController | null>(null);
 
   const send = useCallback(async (content: string) => {
     setError(null);
-    setIsLoading(true);
+    setStatus('loading');
 
     const userMessage: ChatMessage = { role: 'user', content };
     setMessages((prev) => [...prev, userMessage]);
@@ -4642,7 +4642,7 @@ export function useChat(options: UseChatOptions = {}): UseChatReturn {
 
       setMessages((prev) => prev.slice(0, -1));
     } finally {
-      setIsLoading(false);
+      setStatus('idle');
       abortRef.current = null;
     }
   }, [apiUrl, messages]);
@@ -4651,10 +4651,10 @@ export function useChat(options: UseChatOptions = {}): UseChatReturn {
     abortRef.current?.abort();
     setMessages([]);
     setError(null);
-    setIsLoading(false);
+    setStatus('idle');
   }, []);
 
-  return { messages, isLoading, error, send, reset };
+  return { messages, status, error, send, reset };
 }
 `;
 }
@@ -4668,10 +4668,10 @@ import { Spinner } from '@mars-stack/ui';
 
 interface ChatMessagesProps {
   messages: ChatMessage[];
-  isLoading: boolean;
+  status: 'idle' | 'loading';
 }
 
-export function ChatMessages({ messages, isLoading }: ChatMessagesProps) {
+export function ChatMessages({ messages, status }: ChatMessagesProps) {
   const bottomRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
@@ -4718,7 +4718,7 @@ export function ChatMessages({ messages, isLoading }: ChatMessagesProps) {
           >
             {message.content ? (
               <p className="text-sm whitespace-pre-wrap">{message.content}</p>
-            ) : isLoading && index === messages.length - 1 ? (
+            ) : status === 'loading' && index === messages.length - 1 ? (
               <div className="flex items-center gap-1.5 py-1">
                 <Spinner size="sm" />
                 <span className="text-xs text-text-muted">Thinking...</span>
@@ -4836,7 +4836,7 @@ interface ChatProps {
 }
 
 export function Chat({ placeholder, className }: ChatProps) {
-  const { messages, isLoading, error, send, reset } = useChat();
+  const { messages, status, error, send, reset } = useChat();
 
   return (
     <div className={\`flex flex-col h-full \${className ?? ''}\`}>
@@ -4855,11 +4855,11 @@ export function Chat({ placeholder, className }: ChatProps) {
         </div>
       )}
 
-      <ChatMessages messages={messages} isLoading={isLoading} />
+      <ChatMessages messages={messages} status={status} />
 
       <ChatInput
         onSend={send}
-        disabled={isLoading}
+        disabled={status === 'loading'}
         placeholder={placeholder}
       />
     </div>