fix: select current IMGW Hybrid records

components/charts/snapshot-chart.tsx

@@ -5,6 +5,8 @@ import type { SynopStation } from "@/types/imgw";
 import { Card } from "@/components/ui/card";
 import { useI18n } from "@/lib/i18n";
 
+const INITIAL_CHART_DIMENSION = { width: 1, height: 1 };
+
 export function SnapshotChart({ station }: { station: SynopStation }) {
   const { t } = useI18n();
   const rows = [
@@ -18,8 +20,8 @@ export function SnapshotChart({ station }: { station: SynopStation }) {
       <p className="text-xs font-semibold uppercase tracking-[0.18em] text-sky-700 dark:text-sky-300">{t("snapshot.label")}</p>
       <h2 className="mt-2 text-xl font-semibold tracking-tight">{t("snapshot.title")}</h2>
       <p className="mt-1 text-sm leading-6 text-slate-600 dark:text-slate-300">{t("snapshot.description")}</p>
-      <div className="mt-5 h-52 w-full">
-        <ResponsiveContainer width="100%" height="100%" minWidth={0}>
+      <div className="mt-5 h-52 min-w-0">
+        <ResponsiveContainer width="100%" height="100%" minWidth={0} minHeight={0} initialDimension={INITIAL_CHART_DIMENSION}>
           <BarChart data={rows} layout="vertical" margin={{ left: 0, right: 16 }}>
             <XAxis type="number" hide domain={[0, 100]} />
             <YAxis type="category" dataKey="name" width={86} axisLine={false} tickLine={false} tick={{ fill: "currentColor", fontSize: 12 }} />