@digilogiclabs/saas-factory-ui 0.15.2 → 0.15.3

package/dist/index.js

@@ -1554,11 +1554,11 @@ function DataTable({
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: "Loading..." })
     ] }) }) });
   }
-  if (data.length === 0) {
+  if ((data || []).length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "p-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: emptyMessage }) }) }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "rounded-md border", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("table", { className: "w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { className: "border-b bg-muted/50", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { className: "border-b bg-muted/50", children: (columns || []).map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "th",
       {
         className: cn(
@@ -1574,7 +1574,7 @@ function DataTable({
       },
       String(column.key)
     )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { children: sortedData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { children: (sortedData || []).map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "tr",
       {
         className: cn(
@@ -1582,7 +1582,7 @@ function DataTable({
           onRowClick && "cursor-pointer"
         ),
         onClick: () => onRowClick?.(row),
-        children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        children: (columns || []).map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "td",
           {
             className: cn(
@@ -3273,7 +3273,7 @@ var AudioPlayer = React19.forwardRef(
     const [isShuffled, setIsShuffled] = (0, import_react6.useState)(false);
     const [isRepeating, setIsRepeating] = (0, import_react6.useState)(false);
     const [shuffledPlaylist, setShuffledPlaylist] = (0, import_react6.useState)([]);
-    const currentTrack = track || (playlist.length > 0 ? playlist[currentTrackIndex] : null);
+    const currentTrack = track || ((playlist?.length || 0) > 0 ? playlist?.[currentTrackIndex] : null);
     const activePlaylist = isShuffled ? shuffledPlaylist : playlist;
     const formatTime = (0, import_react6.useCallback)((time) => {
       const minutes = Math.floor(time / 60);
@@ -3282,7 +3282,7 @@ var AudioPlayer = React19.forwardRef(
     }, []);
     const shuffleArray = (0, import_react6.useCallback)((array) => {
       const shuffled = [...array];
-      for (let i = shuffled.length - 1; i > 0; i--) {
+      for (let i = (shuffled?.length || 0) - 1; i > 0; i--) {
         const j = Math.floor(Math.random() * (i + 1));
         [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
       }
@@ -3313,14 +3313,14 @@ var AudioPlayer = React19.forwardRef(
         audioRef.current?.play();
         return;
       }
-      if (playlist.length > 1) {
-        const nextIndex = (currentTrackIndex + 1) % playlist.length;
+      if (playlist?.length || 0 > 1) {
+        const nextIndex = (currentTrackIndex + 1) % playlist?.length || 0;
         setCurrentTrackIndex(nextIndex);
       } else {
         setIsPlaying(false);
         onPlayStateChange?.(false);
       }
-    }, [currentTrack, isRepeating, playlist.length, currentTrackIndex, onTrackEnd, onPlayStateChange]);
+    }, [currentTrack, isRepeating, playlist?.length, currentTrackIndex, onTrackEnd, onPlayStateChange]);
     const handleError = (0, import_react6.useCallback)(() => {
       const errorMsg = "Failed to load audio track";
       setError(errorMsg);
@@ -3369,17 +3369,17 @@ var AudioPlayer = React19.forwardRef(
       }
     }, []);
     const skipToNext = (0, import_react6.useCallback)(() => {
-      if (playlist.length > 1) {
-        const nextIndex = (currentTrackIndex + 1) % playlist.length;
+      if (playlist?.length || 0 > 1) {
+        const nextIndex = (currentTrackIndex + 1) % playlist?.length || 0;
         setCurrentTrackIndex(nextIndex);
       }
-    }, [playlist.length, currentTrackIndex]);
+    }, [playlist?.length || 0, currentTrackIndex]);
     const skipToPrevious = (0, import_react6.useCallback)(() => {
-      if (playlist.length > 1) {
-        const prevIndex = (currentTrackIndex - 1 + playlist.length) % playlist.length;
+      if (playlist?.length || 0 > 1) {
+        const prevIndex = (currentTrackIndex - 1 + playlist?.length || 0) % playlist?.length || 0;
         setCurrentTrackIndex(prevIndex);
       }
-    }, [playlist.length, currentTrackIndex]);
+    }, [playlist?.length || 0, currentTrackIndex]);
     const toggleShuffle = (0, import_react6.useCallback)(() => {
       if (!isShuffled) {
         setShuffledPlaylist(shuffleArray(playlist));
@@ -3472,7 +3472,7 @@ var AudioPlayer = React19.forwardRef(
             variant: "ghost",
             size: "icon",
             onClick: skipToPrevious,
-            disabled: playlist.length <= 1,
+            disabled: (playlist?.length || 0) <= 1,
             className: "h-8 w-8",
             children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react12.SkipBack, { className: "h-4 w-4" })
           }
@@ -3494,7 +3494,7 @@ var AudioPlayer = React19.forwardRef(
             variant: "ghost",
             size: "icon",
             onClick: skipToNext,
-            disabled: playlist.length <= 1,
+            disabled: (playlist?.length || 0) <= 1,
             className: "h-8 w-8",
             children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react12.SkipForward, { className: "h-4 w-4" })
           }
@@ -3536,10 +3536,10 @@ var AudioPlayer = React19.forwardRef(
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-muted-foreground font-mono w-8", children: Math.round((isMuted ? 0 : volume) * 100) })
       ] }),
       error && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm text-destructive bg-destructive/10 p-2 rounded mb-4", children: error }),
-      showPlaylist && playlist.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "border-t pt-4", children: [
+      showPlaylist && playlist?.length || 0 > 1 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "border-t pt-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("h4", { className: "font-medium mb-2", children: [
           "Playlist (",
-          playlist.length,
+          playlist?.length || 0,
           " tracks)"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "max-h-48 overflow-y-auto space-y-1", children: playlist.map((playlistTrack, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
@@ -3993,7 +3993,7 @@ var VideoPlayer = React20.forwardRef(
                     ),
                     showSettings && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "absolute bottom-full right-0 mb-2 bg-black/90 rounded-lg p-2 min-w-[120px]", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-white text-xs font-medium mb-2", children: "Quality" }),
-                      currentVideo.qualities.map((quality) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                      (currentVideo?.qualities || []).map((quality) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                         "button",
                         {
                           onClick: () => {
@@ -4024,13 +4024,13 @@ var VideoPlayer = React20.forwardRef(
               ] })
             ] })
           ] }),
-          showPlaylist && playlist.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute top-0 right-0 w-80 h-full bg-black/90 backdrop-blur-sm transform translate-x-full group-hover:translate-x-0 transition-transform duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "p-4", children: [
+          showPlaylist && (playlist || []).length > 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "absolute top-0 right-0 w-80 h-full bg-black/90 backdrop-blur-sm transform translate-x-full group-hover:translate-x-0 transition-transform duration-300", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "p-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("h4", { className: "text-white font-medium mb-4", children: [
               "Playlist (",
-              playlist.length,
+              (playlist || []).length,
               " videos)"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "space-y-2 max-h-[calc(100%-60px)] overflow-y-auto", children: playlist.map((playlistVideo, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "space-y-2 max-h-[calc(100%-60px)] overflow-y-auto", children: (playlist || []).map((playlistVideo, index) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
               "div",
               {
                 className: cn(
@@ -6569,13 +6569,13 @@ var WaveformPlayer = ({
   }, [hapticFeedback]);
   const drawWaveform = (0, import_react10.useCallback)(() => {
     const canvas = canvasRef.current;
-    if (!canvas || !waveform.peaks.length) return;
+    if (!canvas || !waveform?.peaks?.length) return;
     const ctx = canvas.getContext("2d");
     if (!ctx) return;
     const { width, height } = canvas;
     const peaks = waveform.peaks;
     const barWidth = width / peaks.length;
-    const progressPoint = currentTime / waveform.duration * width;
+    const progressPoint = currentTime / (waveform?.duration || 1) * width;
     ctx.clearRect(0, 0, width, height);
     peaks.forEach((peak, index) => {
       const barHeight = Math.max(2, peak * height * 0.8);
@@ -6598,7 +6598,7 @@ var WaveformPlayer = ({
     }
     if (showComments && comments.length > 0) {
       comments.forEach((comment) => {
-        const commentX = comment.timestamp / waveform.duration * width;
+        const commentX = comment.timestamp / (waveform?.duration || 1) * width;
         ctx.fillStyle = "#ffffff";
         ctx.strokeStyle = "#ff5500";
         ctx.lineWidth = 2;
@@ -6633,20 +6633,20 @@ var WaveformPlayer = ({
     setHoverPosition(x);
   };
   const handleClick = (e) => {
-    if (!containerRef.current || !waveform.duration) return;
+    if (!containerRef.current || !waveform?.duration) return;
     const rect = containerRef.current.getBoundingClientRect();
     const x = e.clientX - rect.left;
     const clickPercentage = x / rect.width;
-    const newTime = clickPercentage * waveform.duration;
+    const newTime = clickPercentage * (waveform?.duration || 0);
     onSeek?.(newTime);
     triggerHaptic("light");
   };
   const handleDoubleClick = (e) => {
-    if (!containerRef.current || !waveform.duration) return;
+    if (!containerRef.current || !waveform?.duration) return;
     const rect = containerRef.current.getBoundingClientRect();
     const x = e.clientX - rect.left;
     const clickPercentage = x / rect.width;
-    const timestamp = clickPercentage * waveform.duration;
+    const timestamp = clickPercentage * (waveform?.duration || 0);
     setCommentPosition(timestamp);
     setShowCommentInput(true);
     triggerHaptic("medium");
@@ -6839,11 +6839,11 @@ var WaveformPlayer = ({
                 transform: "translateX(-50%)",
                 marginTop: "-30px"
               },
-              children: formatTime(hoverPosition / (containerRef.current?.getBoundingClientRect().width || 1) * waveform.duration)
+              children: formatTime(hoverPosition / (containerRef.current?.getBoundingClientRect().width || 1) * (waveform?.duration || 0))
             }
           ),
           showComments && comments.map((comment) => {
-            const commentPosition2 = comment.timestamp / waveform.duration * 100;
+            const commentPosition2 = comment.timestamp / (waveform?.duration || 1) * 100;
             return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
               import_framer_motion8.motion.div,
               {
@@ -6876,7 +6876,7 @@ var WaveformPlayer = ({
         /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { children: [
           formatTime(currentTime),
           " / ",
-          formatTime(waveform.duration)
+          formatTime(waveform?.duration || 0)
         ] }),
         playCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react17.Play, { className: "w-3 h-3" }),
@@ -6885,7 +6885,7 @@ var WaveformPlayer = ({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react17.Clock, { className: "w-3 h-3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: formatTime(waveform.duration) })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: formatTime(waveform?.duration || 0) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_framer_motion8.AnimatePresence, { children: showCommentInput && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -7008,6 +7008,7 @@ var TrackCard = ({
     return `${mins}:${secs.toString().padStart(2, "0")}`;
   };
   const formatDate3 = (date) => {
+    if (!date) return "Unknown date";
     const now = /* @__PURE__ */ new Date();
     const diffTime = Math.abs(now.getTime() - date.getTime());
     const diffDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24));
@@ -7622,7 +7623,7 @@ var TabNavigation = ({
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            typeof tab.icon === "function" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               tab.icon,
               {
                 className: cn(
@@ -7630,7 +7631,10 @@ var TabNavigation = ({
                   variant === "compact" && "w-5 h-5"
                 )
               }
-            ),
+            ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn(
+              "w-6 h-6 bg-muted rounded flex items-center justify-center text-xs font-medium",
+              variant === "compact" && "w-5 h-5"
+            ), children: typeof tab.icon === "string" ? tab.icon.charAt(0).toUpperCase() : "?" }),
             showBadges && tab.badge && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               import_framer_motion10.motion.div,
               {
@@ -7986,13 +7990,13 @@ var AudioFeed = ({
     { id: "random", label: "Discover", icon: import_lucide_react20.Music }
   ];
   const filterOptions = [
-    { id: "all", label: "All Content", count: items.length },
-    { id: "music", label: "Music", count: items.filter((item) => item.genre !== "Podcast").length },
-    { id: "podcast", label: "Podcasts", count: items.filter((item) => item.genre === "Podcast").length },
-    { id: "remix", label: "Remixes", count: items.filter((item) => item.tags?.includes("remix")).length },
-    { id: "original", label: "Originals", count: items.filter((item) => !item.tags?.includes("remix")).length }
+    { id: "all", label: "All Content", count: items?.length || 0 },
+    { id: "music", label: "Music", count: items?.filter((item) => item.genre !== "Podcast")?.length || 0 },
+    { id: "podcast", label: "Podcasts", count: items?.filter((item) => item.genre === "Podcast")?.length || 0 },
+    { id: "remix", label: "Remixes", count: items?.filter((item) => item.tags?.includes("remix"))?.length || 0 },
+    { id: "original", label: "Originals", count: items?.filter((item) => !item.tags?.includes("remix"))?.length || 0 }
   ];
-  const displayItems = virtualScrolling ? items.slice(0, visibleItems) : items;
+  const displayItems = virtualScrolling ? (items || []).slice(0, visibleItems) : items || [];
   const formatFeedContext = (item) => {
     const context = item.feedContext;
     if (!context) return null;
@@ -8399,8 +8403,8 @@ var SearchWithFilters = ({
     if (filters.sortBy !== "relevance") count++;
     if (filters.duration !== "any") count++;
     if (filters.dateRange !== "any") count++;
-    if (filters.genres.length > 0) count++;
-    if (filters.tags.length > 0) count++;
+    if (filters.genres?.length > 0) count++;
+    if (filters.tags?.length > 0) count++;
     if (filters.verified) count++;
     if (filters.downloadable) count++;
     if (filters.hasLyrics) count++;
@@ -8476,7 +8480,7 @@ var SearchWithFilters = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_framer_motion12.AnimatePresence, { children: showSuggestions && (enableSuggestions || recentSearches.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_framer_motion12.AnimatePresence, { children: showSuggestions && (enableSuggestions || recentSearches?.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
         import_framer_motion12.motion.div,
         {
           initial: { opacity: 0, y: -10 },
@@ -8484,7 +8488,7 @@ var SearchWithFilters = ({
           exit: { opacity: 0, y: -10 },
           className: "absolute top-full left-0 right-0 mt-1 bg-popover border border-border rounded-lg shadow-lg z-10 max-h-96 overflow-y-auto",
           children: [
-            !localQuery && recentSearches.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-3 border-b border-border", children: [
+            !localQuery && recentSearches?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-3 border-b border-border", children: [
               /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "text-sm font-medium text-foreground", children: "Recent" }),
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -8513,7 +8517,7 @@ var SearchWithFilters = ({
                 index
               )) })
             ] }),
-            filteredSuggestions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-3", children: [
+            filteredSuggestions?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "p-3", children: [
               !localQuery && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "text-sm font-medium text-foreground mb-2", children: "Trending" }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "space-y-1", children: filteredSuggestions.map((suggestion) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
                 "button",
@@ -8673,7 +8677,7 @@ var SearchWithFilters = ({
               }
             ) })
           ] }),
-          showAdvancedFilters && availableGenres.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+          showAdvancedFilters && availableGenres?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
               "button",
               {
@@ -8765,11 +8769,11 @@ var SearchWithFilters = ({
         " results",
         localQuery && ` for "${localQuery}"`
       ] }),
-      results.tracks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+      results?.tracks?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("h2", { className: "text-lg font-semibold mb-4 flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.Music, { className: "w-5 h-5" }),
           "Tracks (",
-          results.tracks.length,
+          results?.tracks?.length || 0,
           ")"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "space-y-4", children: results.tracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -8789,11 +8793,11 @@ var SearchWithFilters = ({
           track.id
         )) })
       ] }),
-      results.artists.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+      results?.artists?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("h2", { className: "text-lg font-semibold mb-4 flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.User, { className: "w-5 h-5" }),
           "Artists (",
-          results.artists.length,
+          results?.artists?.length || 0,
           ")"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: results.artists.map((artist) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -8828,11 +8832,11 @@ var SearchWithFilters = ({
           artist.id
         )) })
       ] }),
-      results.playlists.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
+      results?.playlists?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("h2", { className: "text-lg font-semibold mb-4 flex items-center gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react21.Play, { className: "w-5 h-5" }),
           "Playlists (",
-          results.playlists.length,
+          results?.playlists?.length || 0,
           ")"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: results.playlists.map((playlist) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
@@ -9005,10 +9009,10 @@ var PlaylistBuilder = ({
     const totalDuration = tracks.reduce((sum, track) => sum + track.duration, 0);
     const totalPlays = tracks.reduce((sum, track) => sum + track.playCount, 0);
     return {
-      trackCount: tracks.length,
+      trackCount: tracks?.length || 0,
       totalDuration,
       totalPlays,
-      averageDuration: tracks.length > 0 ? totalDuration / tracks.length : 0
+      averageDuration: (tracks?.length || 0) > 0 ? totalDuration / (tracks?.length || 1) : 0
     };
   }, [localPlaylist.tracks]);
   const formatDuration2 = (seconds) => {
@@ -9089,7 +9093,7 @@ var PlaylistBuilder = ({
           playlist?.followerCount && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center gap-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react22.Users, { className: "w-4 h-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { children: [
-              playlist.followerCount.toLocaleString(),
+              playlist?.followerCount?.toLocaleString() || "0",
               " followers"
             ] })
           ] })
@@ -9266,7 +9270,7 @@ var PlaylistBuilder = ({
           animate: { opacity: 1, height: "auto" },
           exit: { opacity: 0, height: 0 },
           className: "space-y-2",
-          children: loading.search ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_framer_motion13.motion.div, { className: "w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" }) }) : searchResults.map((track) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          children: loading.search ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_framer_motion13.motion.div, { className: "w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" }) }) : (searchResults || []).map((track) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             import_framer_motion13.motion.div,
             {
               initial: { opacity: 0, y: 10 },
@@ -9344,10 +9348,10 @@ var PlaylistBuilder = ({
         import_framer_motion13.Reorder.Group,
         {
           axis: "y",
-          values: localPlaylist.tracks,
+          values: localPlaylist.tracks || [],
           onReorder: handleReorder,
           className: "space-y-2",
-          children: localPlaylist.tracks.map((track, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+          children: (localPlaylist.tracks || []).map((track, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
             import_framer_motion13.Reorder.Item,
             {
               value: track,
@@ -9403,7 +9407,7 @@ var PlaylistBuilder = ({
             track.id
           ))
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "space-y-2", children: localPlaylist.tracks.map((track, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "space-y-2", children: (localPlaylist.tracks || []).map((track, index) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "div",
         {
           className: "flex items-center gap-3 p-3 rounded-lg hover:bg-muted/50 transition-colors group",
@@ -9761,11 +9765,11 @@ var TrendingSection = ({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Badge, { variant: "outline", className: "text-xs", children: [
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react23.Users, { className: "w-3 h-3 mr-1" }),
-        section.tracks.length,
+        section.tracks?.length || 0,
         " tracks"
       ] }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_framer_motion14.AnimatePresence, { children: displayTracks.map((track) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_framer_motion14.AnimatePresence, { children: (displayTracks || []).map((track) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       TrackRow,
       {
         track,
@@ -9780,7 +9784,7 @@ var TrendingSection = ({
       },
       track.id
     )) }) }),
-    section.tracks.length > 10 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-4 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    (section.tracks?.length || 0) > 10 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-4 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       Button,
       {
         variant: "ghost",
@@ -10389,7 +10393,7 @@ var CommentSystem = ({
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react24.MessageCircle, { className: "w-5 h-5 text-gray-600 dark:text-gray-400" }),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("h3", { className: "font-semibold text-gray-900 dark:text-gray-100", children: [
           "Comments (",
-          comments.length,
+          comments?.length || 0,
           ")"
         ] })
       ] }),
@@ -10416,7 +10420,7 @@ var CommentSystem = ({
         formatTimestamp(currentTime),
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-2", children: currentTimeComments.slice(0, 3).map((comment) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-2", children: (currentTimeComments || []).slice(0, 3).map((comment) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("img", { src: comment.author.avatar, alt: "", className: "w-6 h-6 rounded-full" }),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "font-medium", children: [
           comment.author.name,
@@ -10443,7 +10447,7 @@ var CommentSystem = ({
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react24.MessageCircle, { className: "w-12 h-12 mx-auto mb-4 opacity-50" }),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: "No comments yet" }),
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm", children: "Be the first to share your thoughts!" })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_framer_motion15.AnimatePresence, { children: sortedComments.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_framer_motion15.AnimatePresence, { children: (sortedComments || []).map((comment) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           CommentItem,
           {
@@ -10478,7 +10482,7 @@ var CommentSystem = ({
             hapticFeedback
           }
         ) }),
-        comment.replies && comment.replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ml-12 border-l border-gray-200 dark:border-gray-700", children: comment.replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        comment.replies && comment.replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "ml-12 border-l border-gray-200 dark:border-gray-700", children: (comment.replies || []).map((reply) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           CommentItem,
           {
             comment: reply,
@@ -10827,7 +10831,7 @@ var ContentTabs = ({
   if (isArtist) {
     tabs.splice(1, 0, { id: "popular", label: "Popular", icon: import_lucide_react25.TrendingUp });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("nav", { className: "flex space-x-8 px-6", children: tabs.map((tab) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("nav", { className: "flex space-x-8 px-6", children: (tabs || []).map((tab) => {
     const Icon2 = tab.icon;
     return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "button",
@@ -10940,7 +10944,7 @@ var UserProfile = ({
             /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.Star, { className: "w-5 h-5 text-yellow-500" }),
             "Pinned Tracks"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: profile.pinnedTracks.slice(0, 4).map((track) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: (profile.pinnedTracks || []).slice(0, 4).map((track) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             TrackCard,
             {
               track,
@@ -10971,7 +10975,7 @@ var UserProfile = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2", children: profile.recentTracks.slice(0, 3).map((track) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2", children: (profile.recentTracks || []).slice(0, 3).map((track) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             TrackCard,
             {
               track,
@@ -11214,7 +11218,7 @@ var ShareModal = ({
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Share" }),
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-gray-600 dark:text-gray-400 truncate", children: shareTitle || shareUrl })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-3 gap-4", children: shareOptions.map((option) => {
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-3 gap-4", children: (shareOptions || []).map((option) => {
             const Icon2 = option.icon;
             return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
               "button",
@@ -11505,7 +11509,7 @@ var SocialActions = ({
     };
     return configs;
   }, [actionStates, actionCounts, loadingStates]);
-  const visibleActions = actions.filter((action) => actionConfigs[action]);
+  const visibleActions = (actions || []).filter((action) => actionConfigs[action]);
   const primaryActions = visibleActions.slice(0, variant === "compact" ? 3 : 4);
   const secondaryActions = visibleActions.slice(variant === "compact" ? 3 : 4);
   const containerClasses = cn(
@@ -11517,7 +11521,7 @@ var SocialActions = ({
   );
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: containerClasses, style: { backgroundColor }, children: [
-      primaryActions.map((actionType) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      (primaryActions || []).map((actionType) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         ActionButton,
         {
           action: actionConfigs[actionType],
@@ -11779,7 +11783,7 @@ var NotificationItemComponent = ({
           /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start justify-between", children: [
             /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "min-w-0 flex-1", children: [
               notification.users && notification.users.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex -space-x-2 mb-2", children: [
-                notification.users.slice(0, 3).map((user) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                (notification.users || []).slice(0, 3).map((user) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                   "img",
                   {
                     src: user.avatar,
@@ -11941,7 +11945,7 @@ var FilterTabs = ({ activeFilter, onFilterChange, counts }) => {
     { id: "content", label: "Content", count: counts.content },
     { id: "system", label: "System", count: counts.system }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex space-x-1 p-1 bg-gray-100 dark:bg-gray-800 rounded-lg", children: filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex space-x-1 p-1 bg-gray-100 dark:bg-gray-800 rounded-lg", children: (filters || []).map((filter) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "button",
     {
       onClick: () => onFilterChange(filter.id),
@@ -11991,7 +11995,8 @@ var NotificationCenter = ({
     let filtered = notifications;
     if (groupSimilar) {
       const grouped = {};
-      notifications.forEach((notification) => {
+      const notificationArray = notifications || [];
+      notificationArray.forEach((notification) => {
         const key = `${notification.type}-${notification.track?.id || notification.playlist?.id || "general"}`;
         if (!grouped[key]) {
           grouped[key] = [];
@@ -12160,6 +12165,7 @@ var AudioVisualizer = ({
     if (!ctx) return;
     const { width, height } = canvas;
     const { frequencies, waveform, rms, peak } = audioAnalysis;
+    if (!frequencies || !waveform) return;
     ctx.clearRect(0, 0, width, height);
     ctx.fillStyle = accentColor;
     switch (type) {
@@ -12489,7 +12495,7 @@ var AdvancedPlayer = ({
     onRepeat?.(nextMode);
   }, [repeatMode, onRepeat, triggerHaptic]);
   const canGoPrevious = currentIndex > 0 || repeatMode === "all";
-  const canGoNext = currentIndex < playlist.length - 1 || repeatMode === "all";
+  const canGoNext = currentIndex < (playlist?.length || 0) - 1 || repeatMode === "all";
   if (!track) {
     return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card, { className: cn("p-6 text-center", className), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-16 h-16 rounded-full bg-gray-200 dark:bg-gray-700 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react28.Headphones, { className: "w-8 h-8 text-gray-400" }) }),
@@ -13087,10 +13093,10 @@ var ActivityFeed = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("space-y-3", className), children: activities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("space-y-3", className), children: (activities?.length || 0) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: [
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react29.Activity, { className: "w-8 h-8 mx-auto mb-2 opacity-50" }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm", children: "No recent activity" })
-  ] }) : activities.map((activity) => {
+  ] }) : (activities || []).map((activity) => {
     const Icon2 = getActivityIcon(activity.type);
     return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       import_framer_motion20.motion.div,
@@ -13210,7 +13216,7 @@ var LiveSessionControls = ({
             "Live Session Active"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: [
-            playlist.liveSession.listeners.length,
+            playlist.liveSession?.listeners?.length || 0,
             " listening",
             playlist.liveSession.chatEnabled && " \u2022 Chat enabled"
           ] })
@@ -14155,6 +14161,10 @@ function useMounted() {
 var import_react26 = require("react");
 function useLockBody() {
   (0, import_react26.useLayoutEffect)(() => {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return () => {
+      };
+    }
     const originalStyle = window.getComputedStyle(
       document.body
     ).overflow;
@@ -14166,8 +14176,14 @@ function useLockBody() {
 // src/hooks/web/use-media-query.ts
 var import_react27 = require("react");
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react27.useState)(false);
+  const [matches, setMatches] = (0, import_react27.useState)(() => {
+    if (typeof window !== "undefined") {
+      return window.matchMedia(query).matches;
+    }
+    return false;
+  });
   (0, import_react27.useEffect)(() => {
+    if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     if (media.matches !== matches) {
       setMatches(media.matches);
@@ -15294,9 +15310,9 @@ var VirtualScrollList = ({
   const measurementsRef = (0, import_react33.useRef)({});
   const itemSizes = (0, import_react33.useMemo)(() => {
     if (typeof itemHeight === "number") {
-      return Array(items.length).fill(itemHeight);
+      return Array(items?.length || 0).fill(itemHeight);
     }
-    return items.map((item, index) => {
+    return (items || []).map((item, index) => {
       if (measurementsRef.current[index] !== void 0) {
         return measurementsRef.current[index];
       }
@@ -15320,9 +15336,9 @@ var VirtualScrollList = ({
     const containerHeight2 = scrollElementRef.current?.clientHeight || 400;
     const start = Math.max(0, Math.floor(scrollTop / (itemHeight || 50)) - overscan);
     const visibleCount = Math.ceil(containerHeight2 / (itemHeight || 50)) + overscan * 2;
-    const end = Math.min(items.length - 1, start + visibleCount);
+    const end = Math.min((items?.length || 0) - 1, start + visibleCount);
     return { start, end };
-  }, [scrollTop, itemHeight, overscan, items.length]);
+  }, [scrollTop, itemHeight, overscan, items?.length]);
   const visibleItems = (0, import_react33.useMemo)(() => {
     return itemPositions.slice(visibleRange.start, visibleRange.end + 1);
   }, [itemPositions, visibleRange]);
@@ -15906,15 +15922,22 @@ var formatDate2 = (date, options = {
   day: "numeric",
   year: "numeric"
 }) => {
-  return new Date(date).toLocaleDateString(void 0, options);
+  if (!date) return "Invalid date";
+  try {
+    return new Date(date).toLocaleDateString(void 0, options);
+  } catch (error) {
+    return "Invalid date";
+  }
 };
 var formatNumber3 = (number, options = {
   minimumFractionDigits: 0,
   maximumFractionDigits: 2
 }) => {
+  if (typeof number !== "number" || isNaN(number)) return "0";
   return new Intl.NumberFormat(void 0, options).format(number);
 };
 var formatCurrency = (amount, currency = "USD", locale = "en-US") => {
+  if (typeof amount !== "number" || isNaN(amount)) return "$0.00";
   return new Intl.NumberFormat(locale, {
     style: "currency",
     currency
@@ -15923,11 +15946,16 @@ var formatCurrency = (amount, currency = "USD", locale = "en-US") => {
 
 // src/utils/validation.ts
 var validateEmail = (email) => {
+  if (!email || typeof email !== "string") return false;
   const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
   return re.test(email);
 };
 var validatePassword = (password) => {
   const errors = [];
+  if (!password || typeof password !== "string") {
+    errors.push("Password is required");
+    return { isValid: false, errors };
+  }
   if (password.length < 8) {
     errors.push("Password must be at least 8 characters long");
   }