remove explicit any

Author: moribellamy

internal/dev_server/ui/src/DebugSessionEventsPage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useParams, useNavigate } from "react-router";
+import { useParams } from "react-router";
 import { apiRoute } from "./util";
 import { ApiEventsPage, EventData, convertApiEventToEventData } from "./types";
 import { Box, Alert } from "@launchpad-ui/core";
@@ -11,12 +11,10 @@ import { Fragment } from "react";
 
 const DebugSessionEventsPage = () => {
   const { debugSessionKey } = useParams<{ debugSessionKey: string }>();
-  const navigate = useNavigate();
   const [events, setEvents] = useState<EventData[]>([]);
   const [displayedEvents, setDisplayedEvents] = useState<EventData[]>([]);
   const [loading, setLoading] = useState<boolean>(true);
   const [error, setError] = useState<string | null>(null);
-  const [totalCount, setTotalCount] = useState<number>(0);
 
   const fetchEvents = async () => {
     if (!debugSessionKey) {
@@ -39,7 +37,6 @@ const DebugSessionEventsPage = () => {
       const convertedEvents = data.events?.map(convertApiEventToEventData) || [];
       setEvents(convertedEvents);
       setDisplayedEvents(convertedEvents);
-      setTotalCount(data.total_count);
     } catch (err) {
       setError(err instanceof Error ? err.message : "An unknown error occurred");
     } finally {
@@ -55,7 +52,7 @@ const DebugSessionEventsPage = () => {
     setDisplayedEvents(events.filter(event => {
       let search = '';
 
-      const extractValues = (obj: any): string[] => {
+      const extractValues = (obj: unknown): string[] => {
         if (obj === null || obj === undefined) return [];
         if (typeof obj === 'string' || typeof obj === 'number' || typeof obj === 'boolean') {
           return [String(obj)];

internal/dev_server/ui/src/DebugSessionsPage.tsx

@@ -48,10 +48,6 @@ const DebugSessionsPage = () => {
     }
   };
 
-  const handleSessionClick = (sessionKey: string) => {
-    navigate(`/ui/debug-sessions/${encodeURIComponent(sessionKey)}/events`);
-  };
-
   const handleDeleteSession = async (sessionKey: string) => {
     if (!confirm(`Are you sure you want to delete debug session "${sessionKey}" and all its events? This action cannot be undone.`)) {
       return;

internal/dev_server/ui/src/EventsPage.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import { apiRoute } from "./util";
 import { EventData } from "./types";
-import { Icon } from "@launchpad-ui/icons";
 import EventsTable from "./EventsTable";
 
 type Props = {

internal/dev_server/ui/src/EventsTable.tsx

@@ -27,10 +27,10 @@ const clipboardLink = (linkText: string, value: string, showNotification: (messa
 }
 
 const summaryRows = (summaryEvent: EventData, showNotification: (message: string) => void) => {
-  let rows = [];
-  for (const [key, value] of Object.entries((summaryEvent.data as any).features)) {
+  const rows = [];
+  for (const [key, value] of Object.entries(summaryEvent.data.features || {})) {
     const rowId = summaryEvent.id + key;
-    const counters = (value as any).counters || [];
+    const counters = value.counters || [];
 
     for (const counter of counters) {
       rows.push(
@@ -84,8 +84,8 @@ const indexRows = (indexEvent: EventData, showNotification: (message: string) =>
         }
         break;
     }
-  } else if ((indexEvent.data as any).user) {
-    targetText = ((indexEvent.data as any).user.key || 'unknown') + ' user';
+  } else if (indexEvent.data.user) {
+    targetText = (indexEvent.data.user.key || 'unknown') + ' user';
     iconName = 'person-outline';
   }
   else {
@@ -104,7 +104,7 @@ const indexRows = (indexEvent: EventData, showNotification: (message: string) =>
 }
 
 const featureRows = (featureEvent: EventData, showNotification: (message: string) => void) => {
-  const data = featureEvent.data as any; // Type assertion for feature event
+  const data = featureEvent.data; // Type assertion for feature event
   const eventText = `evaluated as ${String(data.value)}`;
 
   return [
@@ -124,7 +124,7 @@ const customRows = (event: EventData, showNotification: (message: string) => voi
       <td>{new Date(event.timestamp).toLocaleTimeString()}</td>
       <td>{event.data.kind}</td>
       <td><Icon name="chart-histogram" size="small" /> {event.data.key || 'unknown'}</td>
-      <td>value is {(event.data as any).metricValue}</td>
+      <td>value is {event.data.metricValue}</td>
       <td>{clipboardLink('Copy to clipboard', JSON.stringify(event.data), showNotification)}</td>
     </tr>,
   ];

internal/dev_server/ui/src/types.ts

@@ -6,7 +6,7 @@ export interface Environment {
 export interface SummaryEventPayload {
   kind: 'summary';
   features: object;
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 export interface FeatureEventPayload {
@@ -33,12 +33,12 @@ export interface FeatureEventPayload {
 export interface IndexEventPayload {
   kind: 'index';
   user?: object;
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 export interface GenericEventPayload {
   kind: string;
-  [key: string]: any;
+  [key: string]: unknown;
 }
 
 export interface EventData {
@@ -64,7 +64,7 @@ export interface ApiEvent {
   id: number;
   written_at: string;
   kind: string;
-  data: any; // Raw JSON data from the API
+  data: unknown; // Raw JSON data from the API
 }
 
 // API EventsPage type that matches the server response