diff --git a/ui/src/components/TimePeriodSelector.tsx b/ui/src/components/TimePeriodSelector.tsx
index 5d6a5c4..3439625 100644
--- a/ui/src/components/TimePeriodSelector.tsx
+++ b/ui/src/components/TimePeriodSelector.tsx
@@ -1,4 +1,4 @@
-import { TimePeriod } from "@/services/store";
+import type { TimePeriod } from "@/services/store";
 
 type TimePeriodSelectorProps = {
     currentPeriod: TimePeriod | "realtime";
diff --git a/ui/src/pages/agent.tsx b/ui/src/pages/agent.tsx
index 4802461..310fb80 100644
--- a/ui/src/pages/agent.tsx
+++ b/ui/src/pages/agent.tsx
@@ -1,3 +1,4 @@
+import type { StatusMessage } from "@/services/types";
 import { ConnectionStatus } from "@/components/ConnectionStatus";
 import { Header } from "@/components/Header";
 import { DonutChart } from "@/components/DonutChart";
@@ -13,9 +14,8 @@ import {
 } from "@/services/utils";
 import { useParams } from "react-router-dom";
 import { useWebsocket } from "@/hooks/useWebsocket";
-import { getHistoricalData, TimePeriod } from "@/services/store";
+import { getHistoricalData, type TimePeriod } from "@/services/store";
 import { useEffect, useState } from "react";
-import { StatusMessage } from "@/services/types";
 import { TimePeriodSelector } from "@/components/TimePeriodSelector";
 
 export function AgentPage() {