'use client';

import { useCombatStore } from '@/lib/game/stores';
import { DebugName } from '@/components/game/debug/debug-context';
import { ActivityLog } from './tabs/ActivityLog';

/**
 * Activity log panel for the left sidebar.
 * Wraps the existing ActivityLog tab component with store integration,
 * showing only the most recent 20 entries.
 */
export function ActivityLogPanel() {
  const activityLog = useCombatStore((s) => s.activityLog);

  return (
    <DebugName name="ActivityLogPanel">
      <ActivityLog activityLog={activityLog} maxEntries={20} />
    </DebugName>
  );
}

ActivityLogPanel.displayName = 'ActivityLogPanel';