style: improve code readability with better formatting

- Format long `baseQuery` calls with try/finally blocks in providers.ts
- Restructure hook destructuring and replace manual ref updates with useEffect in ProviderUsageIndicator.tsx
- Minor formatting fix in stats reader (to_lowercase)

Author: JegernOUTT

refact-agent/engine/src/stats/reader.rs

@@ -343,7 +343,7 @@ pub fn aggregate_summary(events: &[LlmCallEvent], from: Option<&str>, to: Option
         }
         day_acc.total_duration_ms += event.duration_ms;
 
-        let mode_acc = by_mode_map.entry(event.mode.clone()).or_insert_with(|| ModeAcc {
+        let mode_acc = by_mode_map.entry(event.mode.to_lowercase()).or_insert_with(|| ModeAcc {
             total_calls: 0,
             total_tokens: 0,
             total_cost_usd: 0.0,

refact-agent/gui/src/components/UsageCounter/ProviderUsageIndicator.tsx

@@ -202,25 +202,24 @@ const ProviderIndicator: React.FC<{
 );
 
 export const ProviderUsageIndicator: React.FC = () => {
-  const { data: claudeUsage, refetch: refetchClaude } =
-    useGetClaudeCodeUsageQuery(undefined, {
-      pollingInterval: 30_000,
-    });
+  const { data: claudeUsage } = useGetClaudeCodeUsageQuery(undefined, {
+    pollingInterval: 30_000,
+  });
 
-  const { data: codexUsage, refetch: refetchCodex } =
-    useGetOpenAICodexUsageQuery(undefined, {
-      pollingInterval: 30_000,
-    });
-
-  useEffect(() => {
-    void refetchClaude();
-    void refetchCodex();
-  }, [refetchClaude, refetchCodex]);
+  const { data: codexUsage } = useGetOpenAICodexUsageQuery(undefined, {
+    pollingInterval: 30_000,
+  });
 
   const lastClaudeRef = useRef(claudeUsage);
   const lastCodexRef = useRef(codexUsage);
-  if (claudeUsage !== undefined) lastClaudeRef.current = claudeUsage;
-  if (codexUsage !== undefined) lastCodexRef.current = codexUsage;
+
+  useEffect(() => {
+    if (claudeUsage !== undefined) lastClaudeRef.current = claudeUsage;
+  }, [claudeUsage]);
+
+  useEffect(() => {
+    if (codexUsage !== undefined) lastCodexRef.current = codexUsage;
+  }, [codexUsage]);
 
   const stickyClaudeUsage = lastClaudeRef.current;
   const stickyCodexUsage = lastCodexRef.current;

refact-agent/gui/src/services/refact/providers.ts

@@ -563,15 +563,19 @@ export const providersApi = createApi({
 
         const controller = new AbortController();
         const timeoutId = setTimeout(() => controller.abort(), 10_000);
-        const result = await baseQuery({
-          ...extraOptions,
-          method: "GET",
-          url,
-          credentials: "same-origin",
-          redirect: "follow",
-          signal: controller.signal,
-        });
-        clearTimeout(timeoutId);
+        let result: Awaited<ReturnType<typeof baseQuery>>;
+        try {
+          result = await baseQuery({
+            ...extraOptions,
+            method: "GET",
+            url,
+            credentials: "same-origin",
+            redirect: "follow",
+            signal: controller.signal,
+          });
+        } finally {
+          clearTimeout(timeoutId);
+        }
 
         if (result.error) {
           return { error: result.error };
@@ -600,15 +604,19 @@ export const providersApi = createApi({
 
         const controller = new AbortController();
         const timeoutId = setTimeout(() => controller.abort(), 10_000);
-        const result = await baseQuery({
-          ...extraOptions,
-          method: "GET",
-          url,
-          credentials: "same-origin",
-          redirect: "follow",
-          signal: controller.signal,
-        });
-        clearTimeout(timeoutId);
+        let result: Awaited<ReturnType<typeof baseQuery>>;
+        try {
+          result = await baseQuery({
+            ...extraOptions,
+            method: "GET",
+            url,
+            credentials: "same-origin",
+            redirect: "follow",
+            signal: controller.signal,
+          });
+        } finally {
+          clearTimeout(timeoutId);
+        }
 
         if (result.error) {
           return { error: result.error };