chore(repo): checkpoint current capakraken implementation state

apps/web/src/components/dashboard/widgets/ChargeabilityWidget.tsx

@@ -7,6 +7,7 @@ import { InfoTooltip } from "~/components/ui/InfoTooltip.js";
 import { AnimatedNumber } from "~/components/ui/AnimatedNumber.js";
 import { WidgetFilterBar, type WidgetFilter } from "~/components/dashboard/WidgetFilterBar.js";
 import { useWidgetFilterOptions } from "~/hooks/useWidgetFilterOptions.js";
+import { useReferenceData } from "~/hooks/useReferenceData.js";
 
 function UtilizationBar({ percent }: { percent: number }) {
   const barColor =
@@ -24,11 +25,6 @@ function UtilizationBar({ percent }: { percent: number }) {
 type TopSortKey = "name" | "actual" | "expected";
 type WatchSortKey = "name" | "actual" | "target";
 
-type CountryOption = {
-  id: string;
-  name: string;
-};
-
 type ChargeabilityRow = {
   id: string;
   displayName: string;
@@ -164,7 +160,8 @@ export function ChargeabilityWidget({ config: _config, onConfigChange }: WidgetP
     includeProposed?: boolean;
     showDetails?: boolean;
   };
-  const { chapters } = useWidgetFilterOptions();
+  const { chapters } = useWidgetFilterOptions({ chapters: true });
+  const { countries } = useReferenceData({ countries: true });
 
   const widgetFilters = useMemo<WidgetFilter[]>(
     () => [
@@ -187,15 +184,6 @@ export function ChargeabilityWidget({ config: _config, onConfigChange }: WidgetP
   const [topVisibleCount, setTopVisibleCount] = useState(batchSize);
   const [watchVisibleCount, setWatchVisibleCount] = useState(batchSize);
 
-  const { data: countriesData } = trpc.country.list.useQuery(undefined, { staleTime: 60_000 });
-  const countries = useMemo(
-    () =>
-      ((countriesData ?? []) as Array<{ id: string; name: string }>).map((country) => ({
-        id: country.id,
-        name: country.name,
-      })),
-    [countriesData],
-  ) as CountryOption[];
   const selectedCountryLabel = useMemo(() => {
     if (selectedCountryIds.length === 0) return "Countries: All";
     if (selectedCountryIds.length === 1) {