@armoyu/ui 1.0.1 → 1.0.3

package/src/components/modules/auth/PostInteractionsModal.tsx

@@ -1,138 +0,0 @@
-'use client';
-
-import React from 'react';
-import { X, Heart, Repeat, User as UserIcon, ChevronRight } from 'lucide-react';
-import { User } from '@armoyu/core';
-import Link from 'next/link';
-
-interface PostInteractionsModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  title?: string;
-  likes?: User[];
-  reposts?: User[];
-  defaultTab?: 'likes' | 'reposts';
-}
-
-export function PostInteractionsModal({
-  isOpen,
-  onClose,
-  title = 'Etkileşimler',
-  likes = [],
-  reposts = [],
-  defaultTab = 'likes'
-}: PostInteractionsModalProps) {
-  const [activeTab, setActiveTab] = React.useState<'likes' | 'reposts'>(defaultTab);
-
-  if (!isOpen) return null;
-
-  const currentList = activeTab === 'likes' ? likes : reposts;
-
-  return (
-    <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-6">
-      {/* Backdrop */}
-      <div
-        className="absolute inset-0 bg-black/60 backdrop-blur-md animate-in fade-in duration-300"
-        onClick={onClose}
-      />
-
-      {/* Modal Content */}
-      <div className="bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] w-full max-w-md relative z-10 shadow-2xl flex flex-col max-h-[80vh] overflow-hidden animate-in zoom-in-95 duration-300">
-
-        {/* Header */}
-        <div className="p-6 border-b border-armoyu-card-border flex items-center justify-between bg-black/5">
-          <div className="flex items-center gap-3">
-            <div className="w-10 h-10 rounded-2xl bg-blue-600/10 flex items-center justify-center text-blue-500">
-              {activeTab === 'likes' ? <Heart size={20} fill="currentColor" /> : <Repeat size={20} />}
-            </div>
-            <div>
-              <h3 className="text-lg font-black text-armoyu-text uppercase italic tracking-tighter leading-none">{title}</h3>
-              <p className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest mt-1">
-                {currentList.length} Kişi Listeleniyor
-              </p>
-            </div>
-          </div>
-          <button
-            onClick={onClose}
-            className="p-2 text-armoyu-text-muted hover:text-armoyu-text bg-black/10 hover:bg-black/20 rounded-xl transition-all"
-          >
-            <X size={20} />
-          </button>
-        </div>
-
-        {/* Tabs */}
-        <div className="flex border-b border-armoyu-card-border bg-black/5 px-2">
-          <button
-            onClick={() => setActiveTab('likes')}
-            className={`flex-1 py-4 text-xs font-black uppercase tracking-widest transition-all relative ${activeTab === 'likes' ? 'text-blue-500' : 'text-armoyu-text-muted hover:text-armoyu-text'
-              }`}
-          >
-            Beğeniler
-            {activeTab === 'likes' && <div className="absolute bottom-0 left-4 right-4 h-0.5 bg-blue-500 rounded-full" />}
-          </button>
-          <button
-            onClick={() => setActiveTab('reposts')}
-            className={`flex-1 py-4 text-xs font-black uppercase tracking-widest transition-all relative ${activeTab === 'reposts' ? 'text-green-500' : 'text-armoyu-text-muted hover:text-armoyu-text'
-              }`}
-          >
-            Yeniden Paylaşımlar
-            {activeTab === 'reposts' && <div className="absolute bottom-0 left-4 right-4 h-0.5 bg-green-500 rounded-full" />}
-          </button>
-        </div>
-
-        {/* User List */}
-        <div className="flex-1 overflow-y-auto p-4 custom-scrollbar">
-          {currentList.length > 0 ? (
-            <div className="space-y-2">
-              {currentList.map((user, idx) => (
-                <Link
-                  key={user.id || idx}
-                  href={user.getProfileUrl()}
-                  onClick={onClose}
-                  className="flex items-center gap-4 p-3 rounded-2xl hover:bg-black/5 dark:hover:bg-white/5 transition-all group border border-transparent hover:border-armoyu-card-border"
-                >
-                  <div className="relative shrink-0">
-                    <img
-                      src={user.avatar}
-                      className="w-11 h-11 rounded-2xl object-cover ring-2 ring-transparent group-hover:ring-blue-500/30 transition-all font-bold"
-                      alt=""
-                    />
-                    {user.verified && (
-                      <div className="absolute -bottom-1 -right-1 bg-blue-500 text-white p-0.5 rounded-lg border-2 border-armoyu-card-bg shadow-sm">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
-                      </div>
-                    )}
-                  </div>
-                  <div className="flex-1 min-w-0">
-                    <div className="text-sm font-black text-armoyu-text uppercase italic tracking-tighter truncate">{user.displayName}</div>
-                    <div className="text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest leading-none">@{user.username}</div>
-                  </div>
-                  <ChevronRight size={16} className="text-armoyu-text-muted opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" />
-                </Link>
-              ))}
-            </div>
-          ) : (
-            <div className="flex flex-col items-center justify-center py-12 text-center opacity-40">
-              <div className="w-16 h-16 rounded-full bg-black/10 flex items-center justify-center mb-4">
-                <UserIcon size={32} />
-              </div>
-              <h4 className="text-sm font-black uppercase italic tracking-widest">Henüz Kimse Yok</h4>
-              <p className="text-[10px] font-medium uppercase mt-2">Bu paylaşım henüz etkileşim almamış.</p>
-            </div>
-          )}
-        </div>
-
-        {/* Footer */}
-        <div className="p-4 border-t border-armoyu-card-border bg-black/5 text-center">
-          <button
-            onClick={onClose}
-            className="text-[10px] font-black text-armoyu-text-muted hover:text-armoyu-text uppercase tracking-widest transition-all"
-          >
-            Kapat
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/src/components/modules/auth/RepostModal.tsx

@@ -1,167 +0,0 @@
-'use client';
-
-import React, { useState, useEffect } from 'react';
-import { User } from '@armoyu/core';
-import { PostMedia } from './MediaLightbox';
-import { useAuth } from '../../../context/AuthContext';
-import { useSocket } from '../../../context/SocketContext';
-
-interface RepostModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  post: {
-    id: string;
-    author: User;
-    content: string;
-    media?: PostMedia[];
-    createdAt: string;
-    stats?: {
-      likes: number;
-      comments: number;
-      reposts?: number;
-      shares: number;
-    };
-  };
-}
-
-export function RepostModal({ isOpen, onClose, post }: RepostModalProps) {
-  const { user } = useAuth();
-  const { emit } = useSocket();
-  const [quoteText, setQuoteText] = useState('');
-  const [isSubmitting, setIsSubmitting] = useState(false);
-
-  useEffect(() => {
-    const handleEsc = (e: KeyboardEvent) => {
-      if (e.key === 'Escape') onClose();
-    };
-    window.addEventListener('keydown', handleEsc);
-    return () => window.removeEventListener('keydown', handleEsc);
-  }, [onClose]);
-
-  const handleRepostSubmit = (e: React.MouseEvent) => {
-    e.preventDefault();
-    if (!user || isSubmitting) return;
-
-    setIsSubmitting(true);
-
-    try {
-      // FULL SANITIZATION - Create a completely plain object with NO CLASS INSTANCES
-      const sanitizedAuthor = {
-        id: user.id || '',
-        username: user.username || '',
-        displayName: user.displayName || '',
-        avatar: user.avatar || '',
-        role: user.role ? { name: user.role.name, color: user.role.color } : null,
-        verified: !!user.verified
-      };
-
-      const sanitizedOriginalAuthor = {
-        id: post.author.id || '',
-        username: post.author.username || '',
-        displayName: post.author.displayName || '',
-        avatar: post.author.avatar || '',
-        role: post.author.role ? { name: post.author.role.name, color: post.author.role.color } : null,
-        verified: !!post.author.verified
-      };
-
-      const newPostData = {
-        id: 'p-repost-' + Date.now(),
-        author: sanitizedAuthor,
-        content: quoteText,
-        repostOf: {
-          id: post.id,
-          author: sanitizedOriginalAuthor,
-          content: post.content,
-          media: post.media || [],
-          createdAt: post.createdAt,
-          stats: post.stats || { likes: 0, comments: 0, reposts: 0, shares: 0 }
-        },
-        createdAt: 'Şimdi',
-        stats: { likes: 0, comments: 0, reposts: 0, shares: 0 },
-        hashtags: quoteText.match(/#\w+/g)?.map(t => t.replace('#', '')) || []
-      };
-
-      // Emit safely
-      emit('post', newPostData);
-      emit('post_repost_count', { postId: post.id });
-
-      setTimeout(() => {
-        onClose();
-        setQuoteText('');
-        setIsSubmitting(false);
-      }, 500);
-    } catch (err) {
-      console.error('Repost error:', err);
-      setIsSubmitting(false);
-    }
-  };
-
-  if (!isOpen) return null;
-
-  return (
-    <div className="fixed inset-0 z-[100] flex items-center justify-center p-4">
-      <div
-        className="absolute inset-0 bg-[#0a0a0f]/90 backdrop-blur-xl animate-in fade-in duration-500"
-        onClick={onClose}
-      />
-
-      <div className="relative w-full max-w-lg glass-panel bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] shadow-[0_32px_120px_rgba(0,0,0,0.6)] overflow-hidden animate-in zoom-in-95 fade-in duration-500">
-        <div className="absolute top-0 right-0 w-64 h-64 bg-green-500/10 blur-[100px] rounded-full -mr-32 -mt-32 pointer-events-none" />
-        <div className="absolute bottom-0 left-0 w-48 h-48 bg-blue-400/5 blur-[80px] rounded-full -ml-24 -mb-24 pointer-events-none" />
-
-        <div className="p-8 pb-6 border-b border-armoyu-card-border flex items-center justify-between relative z-10">
-          <div>
-            <h2 className="text-2xl font-black text-armoyu-text uppercase tracking-tighter italic">YENİDEN PAYLAŞ</h2>
-            <p className="text-[10px] font-black text-green-500 uppercase tracking-widest mt-1">GÖNDERİYİ TAKİPÇİLERİNE İLET</p>
-          </div>
-          <button onClick={onClose} className="w-10 h-10 rounded-2xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border flex items-center justify-center hover:bg-black/10 transition-all font-bold">
-            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
-          </button>
-        </div>
-
-        <div className="p-8 space-y-6 relative z-10">
-          <div className="space-y-2">
-            <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1">FİKRİNİ EKLE (OPSİYONEL)</label>
-            <textarea
-              rows={3}
-              value={quoteText}
-              onChange={(e) => setQuoteText(e.target.value)}
-              placeholder="Bu gönderi hakkında ne düşünüyorsun?.."
-              className="w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-5 py-4 text-armoyu-text placeholder:text-armoyu-text-muted/40 focus:outline-none focus:border-green-500/50 focus:ring-1 focus:ring-green-500/50 transition-all font-medium text-sm no-scrollbar resize-none"
-            />
-          </div>
-
-          <div className="space-y-2">
-            <label className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1">PAYLAŞILAN GÖNDERİ</label>
-            <div className="p-5 rounded-3xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border">
-              <div className="flex items-center gap-3 mb-3">
-                <img src={post.author.avatar} alt={post.author.displayName} className="w-8 h-8 rounded-full border border-armoyu-card-border" />
-                <div>
-                  <h4 className="text-xs font-black text-armoyu-text leading-tight">{post.author.displayName}</h4>
-                  <span className="text-[10px] font-bold text-armoyu-text-muted opacity-60">@{post.author.username}</span>
-                </div>
-              </div>
-              <p className="text-xs text-armoyu-text-muted line-clamp-2 leading-relaxed">{post.content}</p>
-            </div>
-          </div>
-
-          <div className="pt-4 space-y-3">
-            <button
-              type="button"
-              onClick={handleRepostSubmit}
-              disabled={isSubmitting}
-              className="w-full py-4 bg-green-500 hover:bg-green-400 text-black font-black text-xs uppercase tracking-[0.2em] rounded-2xl shadow-xl shadow-green-500/20 transition-all active:scale-95 flex items-center justify-center gap-2 cursor-pointer disabled:opacity-50"
-            >
-              {isSubmitting ? 'PAYLAŞILIYOR...' : 'YENİDEN PAYLAŞ'}
-            </button>
-
-            <button type="button" onClick={onClose} className="w-full py-4 text-armoyu-text-muted hover:text-red-500 font-black text-[10px] uppercase tracking-widest transition-colors">
-              İPTAL ET
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-

package/src/components/modules/auth/SidebarLeft.tsx

@@ -1,237 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { useAuth } from '../../../context/AuthContext';
-import { mockGlobalStats, MOCK_RANKING_LEVEL, MOCK_RANKING_POPULARITY } from '../../../lib/constants/seedData';
-
-export function SidebarLeft() {
-  const [rankingType, setRankingType] = useState<'level' | 'popularity'>('level');
-  const [visibleCount, setVisibleCount] = useState(5);
-  const router = useRouter();
-  const { user: currentUser } = useAuth();
-  
-  const allRankings = rankingType === 'level' ? MOCK_RANKING_LEVEL : MOCK_RANKING_POPULARITY;
-  const currentRanking = allRankings.slice(0, visibleCount);
-
-  const goToProfile = (user: { displayName: string, username: string, avatar: string }) => {
-    const params = new URLSearchParams();
-    if (user.displayName) params.set('name', user.displayName);
-    if (user.avatar) params.set('avatar', user.avatar);
-    
-    router.push(`/oyuncular/${user.username}?${params.toString()}`);
-  };
-
-  return (
-    <div className="hidden lg:flex w-[280px] flex-col gap-6 animate-in fade-in slide-in-from-left-8 duration-700">
-      
-      {/* Sıralama (Level / Popularity) Widget */}
-      <div className="glass-panel p-5 rounded-3xl border border-armoyu-card-border bg-armoyu-card-bg flex flex-col gap-4">
-        <div className="flex items-center justify-center mb-2">
-           <div className="flex bg-black/5 dark:bg-white/5 p-1 rounded-xl border border-black/5 dark:border-white/5 relative h-9 w-[140px]">
-              {/* Sliding Background */}
-              <div 
-                className={`absolute inset-y-1 transition-all duration-300 ease-out bg-white dark:bg-blue-600 rounded-lg shadow-sm ${rankingType === 'level' ? 'left-1 w-[64px]' : 'left-[73px] w-[62px]'}`}
-              />
-              <button 
-                onClick={() => { setRankingType('level'); setVisibleCount(5); }}
-                className={`flex-1 text-[10px] font-black uppercase tracking-wider rounded-lg transition-all relative z-10 ${rankingType === 'level' ? 'text-blue-600 dark:text-white' : 'text-armoyu-text-muted hover:text-armoyu-text'}`}
-              >
-                Seviye
-              </button>
-              <button 
-                onClick={() => { setRankingType('popularity'); setVisibleCount(5); }}
-                className={`flex-1 text-[10px] font-black uppercase tracking-wider rounded-lg transition-all relative z-10 ${rankingType === 'popularity' ? 'text-blue-600 dark:text-white' : 'text-armoyu-text-muted hover:text-armoyu-text'}`}
-              >
-                Popüler
-              </button>
-           </div>
-        </div>
-
-        <div className="space-y-3">
-          {currentRanking.map((user, idx) => {
-            const isMe = currentUser?.username === user.username;
-            return (
-              <div 
-                key={idx} 
-                onClick={() => goToProfile(user)}
-                className={`flex items-center justify-between group cursor-pointer p-1.5 rounded-xl transition-all ${
-                  isMe 
-                    ? 'bg-blue-600/10 border border-blue-500/30' 
-                    : 'hover:bg-black/5 dark:hover:bg-white/5'
-                }`}
-              >
-                <div className="flex items-center gap-3">
-                 <div className="relative">
-                    <img src={user.avatar} alt={user.displayName} className="w-9 h-9 rounded-full border border-black/10 dark:border-white/10 group-hover:border-blue-500 transition-colors" />
-                    <div className={`absolute -top-1 -left-1 w-4 h-4 rounded-full flex items-center justify-center text-[8px] font-black text-white shadow-sm transition-transform group-hover:scale-110 ${
-                      idx === 0 ? 'bg-yellow-500' : 
-                      idx === 1 ? 'bg-gray-400' : 
-                      idx === 2 ? 'bg-orange-600' : 
-                      'bg-armoyu-card-border text-armoyu-text-muted dark:bg-white/10 dark:text-white/60'
-                    }`}>
-                      {idx + 1}
-                    </div>
-                 </div>
-                 <span className="text-sm font-bold text-armoyu-text-muted group-hover:text-armoyu-text transition-colors truncate max-w-[100px]">{user.displayName}</span>
-              </div>
-              <span className="text-[10px] font-black text-blue-500 bg-blue-500/10 px-2 py-1 rounded-md">{rankingType === 'level' ? user.level : user.popScore}</span>
-            </div>
-          );
-        })}
-        </div>
-        
-        {visibleCount < allRankings.length && (
-          <button 
-            onClick={() => setVisibleCount(prev => prev + 10)}
-            className="w-full pt-2 text-[11px] font-bold text-armoyu-text-muted hover:text-blue-500 transition-colors border-t border-armoyu-card-border mt-1"
-          >
-             Sıralamadan {Math.min(10, allRankings.length - visibleCount)} Kişi Daha Gör
-          </button>
-        )}
-      </div>
-
-      {/* Ekonomi Widget */}
-      <div className="glass-panel p-5 rounded-3xl border border-armoyu-card-border bg-armoyu-card-bg">
-        <div className="flex items-center gap-2 mb-4">
-           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-emerald-500"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>
-           <h3 className="font-extrabold text-armoyu-text text-base">Ekonomi</h3>
-        </div>
-        
-        <div className="space-y-4">
-           {/* Dolar */}
-           <div className="flex items-center justify-between p-3 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5">
-              <div className="flex items-center gap-2.5">
-                 <div className="w-8 h-8 rounded-full bg-emerald-500/10 flex items-center justify-center text-emerald-600 font-black text-xs">USD</div>
-                 <div>
-                    <span className="block text-xs font-bold text-armoyu-text">Dolar</span>
-                    <span className="block text-[10px] text-armoyu-text-muted">Merkez Bankası</span>
-                 </div>
-              </div>
-              <div className="text-right">
-                 <span className="block text-sm font-black text-armoyu-text">₺32.45</span>
-                 <span className="flex items-center justify-end text-[10px] font-bold text-emerald-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="mr-0.5"><polyline points="18 15 12 9 6 15"></polyline></svg>
-                    0.24%
-                 </span>
-              </div>
-           </div>
-
-           {/* Altın */}
-           <div className="flex items-center justify-between p-3 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5">
-              <div className="flex items-center gap-2.5">
-                 <div className="w-8 h-8 rounded-full bg-yellow-500/10 flex items-center justify-center text-yellow-600 font-black text-xs">AU</div>
-                 <div>
-                    <span className="block text-xs font-bold text-armoyu-text">Gram Altın</span>
-                    <span className="block text-[10px] text-armoyu-text-muted">Spot Piyasa</span>
-                 </div>
-              </div>
-              <div className="text-right">
-                 <span className="block text-sm font-black text-armoyu-text">₺2,450</span>
-                 <span className="flex items-center justify-end text-[10px] font-bold text-red-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="mr-0.5 rotate-180"><polyline points="18 15 12 9 6 15"></polyline></svg>
-                    0.12%
-                 </span>
-              </div>
-           </div>
-
-           {/* Gümüş */}
-           <div className="flex items-center justify-between p-3 rounded-2xl bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 font-inter">
-              <div className="flex items-center gap-2.5">
-                 <div className="w-8 h-8 rounded-full bg-slate-400/20 flex items-center justify-center text-slate-500 dark:text-slate-300 font-black text-xs">AG</div>
-                 <div>
-                    <span className="block text-xs font-bold text-armoyu-text">Gümüş</span>
-                    <span className="block text-[10px] text-armoyu-text-muted">Spot Piyasa</span>
-                 </div>
-              </div>
-              <div className="text-right">
-                 <span className="block text-sm font-black text-armoyu-text">₺31.20</span>
-                 <span className="flex items-center justify-end text-[10px] font-bold text-emerald-500">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" className="mr-0.5"><polyline points="18 15 12 9 6 15"></polyline></svg>
-                    0.45%
-                 </span>
-              </div>
-           </div>
-        </div>
-      </div>
-
-      {/* Süper Lig Puan Durumu Widget */}
-      <div className="glass-panel p-5 rounded-3xl border border-armoyu-card-border bg-armoyu-card-bg">
-        <div className="flex items-center gap-2 mb-4">
-           <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" className="text-blue-500"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg>
-           <h3 className="font-extrabold text-armoyu-text text-base">Süper Lig</h3>
-        </div>
-        
-        <div className="space-y-3">
-          {[
-            { team: 'Galatasaray', p: '84', color: 'bg-red-600' },
-            { team: 'Fenerbahçe', p: '82', color: 'bg-yellow-500' },
-            { team: 'Beşiktaş', p: '65', color: 'bg-black dark:bg-white' },
-            { team: 'Trabzonspor', p: '60', color: 'bg-blue-600' },
-            { team: 'Başakşehir', p: '55', color: 'bg-orange-600' },
-          ].map((item, idx) => (
-            <div key={idx} className="flex items-center justify-between p-2 rounded-xl hover:bg-black/5 transition-colors">
-              <div className="flex items-center gap-2.5">
-                 <span className="text-[10px] font-black text-armoyu-text-muted w-3">{idx + 1}</span>
-                 <div className={`w-1.5 h-1.5 rounded-full ${item.color}`} />
-                 <span className="text-xs font-bold text-armoyu-text">{item.team}</span>
-              </div>
-              <span className="text-xs font-black text-armoyu-text">{item.p}</span>
-            </div>
-          ))}
-        </div>
-
-        <button className="w-full pt-3 text-[10px] font-bold text-blue-500 hover:underline border-t border-armoyu-card-border mt-3">
-           Tüm Puan Durumu
-        </button>
-      </div>
-
-      {/* Minecraft Sunucu Widget */}
-      <div className="glass-panel p-5 rounded-3xl border border-armoyu-card-border bg-armoyu-card-bg overflow-hidden relative group">
-        <div className="absolute -right-4 -top-4 w-24 h-24 bg-emerald-500/10 blur-2xl rounded-full group-hover:bg-emerald-500/20 transition-colors" />
-        
-        <div className="flex items-center gap-2 mb-4 relative z-10">
-           <div className="w-2 h-2 rounded-full bg-emerald-500 animate-pulse" />
-           <h3 className="font-extrabold text-armoyu-text text-base">Minecraft Sunucu</h3>
-        </div>
-
-        <div className="space-y-4 relative z-10">
-           <div className="flex items-center justify-between">
-              <div className="flex flex-col">
-                 <span className="text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted opacity-60">Sunucu Adresi</span>
-                 <span className="text-sm font-bold text-armoyu-text group-hover:text-blue-500 transition-colors">mc.armoyu.com</span>
-              </div>
-              <button 
-                title="IP Kopyala"
-                className="p-2 rounded-lg bg-black/5 dark:bg-white/5 border border-black/5 dark:border-white/5 hover:bg-black/10 transition-colors"
-                onClick={() => {
-                   navigator.clipboard.writeText('mc.armoyu.com');
-                   alert('IP Kopyalandı!');
-                }}
-              >
-                 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
-              </button>
-           </div>
-
-           <div className="flex items-center justify-between p-3 rounded-2xl bg-emerald-500/5 border border-emerald-500/10">
-              <div className="flex flex-col">
-                 <span className="text-[10px] font-black text-emerald-600 dark:text-emerald-400">Aktif Oyuncu</span>
-                 <span className="text-lg font-black text-emerald-600 dark:text-emerald-400">142 / 500</span>
-              </div>
-              <div className="flex -space-x-2">
-                 {[1,2,3].map(i => (
-                   <img key={i} src={`https://api.dicebear.com/7.x/avataaars/svg?seed=${i+99}`} className="w-7 h-7 rounded-full border-2 border-white dark:border-[#0a0a0e] bg-white/10 shadow-sm" alt="Player" />
-                 ))}
-                 <div className="w-7 h-7 rounded-full border-2 border-white dark:border-[#0a0a0e] bg-emerald-500 flex items-center justify-center text-[8px] font-black text-white">+139</div>
-              </div>
-           </div>
-
-           <button className="w-full py-3 bg-gradient-to-r from-emerald-600 to-emerald-500 hover:from-emerald-500 hover:to-emerald-400 text-white text-xs font-black uppercase tracking-widest rounded-xl shadow-lg shadow-emerald-500/20 transition-all active:scale-[0.98]">
-              Sunucuya Giriş Yap
-           </button>
-        </div>
-      </div>
-
-    </div>
-  );
-}

package/src/components/modules/auth/Stories.tsx

@@ -1,69 +0,0 @@
-import React, { useState } from 'react';
-import { MOCK_STORIES } from '../../../lib/constants/seedData';
-import { StoryViewer } from './StoryViewer';
-import { Story } from '@armoyu/core';
-
-export function Stories() {
-  const [activeStoryIndex, setActiveStoryIndex] = useState<number | null>(null);
-
-  return (
-    <div className="w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl p-4 shadow-sm overflow-hidden mb-6">
-      <div className="flex gap-4 overflow-x-auto no-scrollbar pb-1 px-1">
-        {MOCK_STORIES.map((story, idx) => (
-          <StoryItem
-            key={story.id}
-            story={story}
-            onClick={() => setActiveStoryIndex(idx)}
-          />
-        ))}
-      </div>
-
-      {activeStoryIndex !== null && (
-        <StoryViewer
-          stories={MOCK_STORIES}
-          initialStoryIndex={activeStoryIndex}
-          onClose={() => setActiveStoryIndex(null)}
-        />
-      )}
-    </div>
-  );
-}
-
-function StoryItem({ story, onClick }: { story: Story, onClick: () => void }) {
-  return (
-    <div
-      className="flex flex-col items-center gap-1.5 shrink-0 cursor-pointer group select-none"
-      onClick={onClick}
-    >
-      <div className="relative">
-        {/* Story Circle Border */}
-        <div className={`p-[3px] rounded-full transition-transform group-hover:scale-105 active:scale-95 ${story.hasUnseen
-          ? 'bg-gradient-to-tr from-[#f9ce34] via-[#ee2a7b] to-[#6228d7]'
-          : story.isMe
-            ? 'bg-transparent'
-            : 'bg-armoyu-card-border'
-          }`}>
-          <div className="bg-armoyu-card-bg p-[2px] rounded-full">
-            <img
-              src={story.user?.avatar}
-              alt={story.user?.username}
-              className={`w-14 h-14 md:w-16 md:h-16 rounded-full border border-black/5 dark:border-white/10 object-cover ${!story.hasUnseen && !story.isMe ? 'grayscale-[0.5] opacity-80' : ''}`}
-            />
-          </div>
-        </div>
-
-        {/* Plus Icon for 'My Story' */}
-        {story.isMe && (
-          <div className="absolute bottom-0 right-0 w-5 h-5 bg-blue-500 rounded-full border-2 border-armoyu-card-bg flex items-center justify-center text-white">
-            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
-          </div>
-        )}
-      </div>
-
-      <span className={`text-[11px] md:text-xs font-bold truncate w-16 md:w-20 text-center transition-colors ${story.hasUnseen ? 'text-armoyu-text' : 'text-armoyu-text-muted'}`}>
-        {story.isMe ? 'Hikayen' : story.user?.displayName || story.user?.username}
-      </span>
-    </div>
-  );
-}
-