cp dines

Author: dines-rl

src/commands/devbox/list.tsx

@@ -94,23 +94,10 @@ const ListDevboxesUI = ({
       // Fetch ONE page only
       const page = (await client.devboxes.list(queryParams)) as unknown as DevboxesCursorIDPage<Devbox>;
 
-      // Extract data and create defensive copies
+      // Extract data and create defensive copies using JSON serialization
       if (page.devboxes && Array.isArray(page.devboxes)) {
         page.devboxes.forEach((d: Devbox) => {
-          const plain: Record<string, unknown> = {};
-          for (const key in d) {
-            const value = (d as unknown as Record<string, unknown>)[key];
-            if (value === null || value === undefined) {
-              plain[key] = value;
-            } else if (Array.isArray(value)) {
-              plain[key] = [...value];
-            } else if (typeof value === "object") {
-              plain[key] = JSON.parse(JSON.stringify(value));
-            } else {
-              plain[key] = value;
-            }
-          }
-          pageDevboxes.push(plain as Devbox);
+          pageDevboxes.push(JSON.parse(JSON.stringify(d)) as Devbox);
         });
       }
 
@@ -303,9 +290,7 @@ const ListDevboxesUI = ({
           "capabilities",
           "Capabilities",
           (devbox: Devbox) => {
-            const caps = [];
-            if (devbox?.entitlements?.network_enabled) caps.push("net");
-            if (devbox?.entitlements?.gpu_enabled) caps.push("gpu");
+            const caps = devbox?.capabilities || [];
             const text = caps.length > 0 ? caps.join(",") : "-";
             return text.length > 20 ? text.substring(0, 17) + "..." : text;
           },

src/commands/mcp-install.ts

@@ -47,7 +47,7 @@ export async function installMcpConfig() {
     console.log(`📍 rli command location: ${rliPath}\n`);
 
     // Read or create config
-    let config: any = { mcpServers: {} };
+    let config: { mcpServers: Record<string, unknown>; [key: string]: unknown } = { mcpServers: {} };
 
     if (existsSync(configPath)) {
       console.log("✓ Found existing Claude Desktop config");
@@ -136,8 +136,9 @@ export async function installMcpConfig() {
     console.log(
       '\n💡 Tip: Make sure you\'ve run "rli auth" to configure your API key first!',
     );
-  } catch (error: any) {
-    console.error("\n❌ Error installing MCP configuration:", error.message);
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    console.error("\n❌ Error installing MCP configuration:", errorMessage);
     console.error(
       "\n💡 You can manually add this configuration to your Claude Desktop config:",
     );

src/components/ActionsPopup.tsx

@@ -4,10 +4,10 @@ import figures from "figures";
 import chalk from "chalk";
 import { isLightMode } from "../utils/theme.js";
 
-// Generic resource type - accepts any object with an id
+// Generic resource type - accepts any object with an id and optional name
 interface ResourceWithId {
   id: string;
-  [key: string]: unknown;
+  name?: string | null;
 }
 
 interface ActionsPopupProps {

src/components/DetailView.tsx

@@ -49,13 +49,13 @@ export const DetailView = ({ sections }: DetailViewProps) => {
  * Helper to build detail sections from an object
  */
 export function buildDetailSections(
-  data: Record<string, any>,
+  data: Record<string, unknown>,
   config: {
     [sectionName: string]: {
       fields: Array<{
         key: string;
         label: string;
-        formatter?: (value: any) => string | React.ReactNode;
+        formatter?: (value: unknown) => string | React.ReactNode;
         color?: string;
       }>;
     };

src/components/DevboxCreatePage.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import { Box, Text, useInput } from "ink";
 import TextInput from "ink-text-input";
 import figures from "figures";
+import type { DevboxCreateParams, DevboxView } from "@runloop/api-client/resources/devboxes/devboxes";
+import type { LaunchParameters } from "@runloop/api-client/resources/shared";
 import { getClient } from "../utils/client.js";
 import { SpinnerComponent } from "./Spinner.js";
 import { ErrorMessage } from "./ErrorMessage.js";
@@ -13,7 +15,7 @@ import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
 
 interface DevboxCreatePageProps {
   onBack: () => void;
-  onCreate?: (devbox: any) => void;
+  onCreate?: (devbox: DevboxView) => void;
   initialBlueprintId?: string;
 }
 
@@ -77,7 +79,7 @@ export const DevboxCreatePage = ({
   >(null);
   const [selectedMetadataIndex, setSelectedMetadataIndex] = React.useState(-1); // -1 means "add new" row
   const [creating, setCreating] = React.useState(false);
-  const [result, setResult] = React.useState<any>(null);
+  const [result, setResult] = React.useState<DevboxView | null>(null);
   const [error, setError] = React.useState<Error | null>(null);
 
   const baseFields: Array<{
@@ -122,7 +124,7 @@ export const DevboxCreatePage = ({
 
   const fields = [...baseFields, ...customFields, ...remainingFields];
 
-  const architectures = ["arm64", "x86_64"];
+  const architectures = ["arm64", "x86_64"] as const;
   const resourceSizes = [
     "X_SMALL",
     "SMALL",
@@ -131,7 +133,7 @@ export const DevboxCreatePage = ({
     "X_LARGE",
     "XX_LARGE",
     "CUSTOM_SIZE",
-  ];
+  ] as const;
 
   const currentFieldIndex = fields.findIndex((f) => f.key === currentField);
 
@@ -318,13 +320,16 @@ export const DevboxCreatePage = ({
           architecture: architectures[newIndex] as "arm64" | "x86_64",
         });
       } else if (currentField === "resource_size") {
-        const currentIndex = resourceSizes.indexOf(formData.resource_size);
+        // Find current index, defaulting to 0 if not found (e.g., empty string)
+        const currentSize = formData.resource_size || "SMALL";
+        const currentIndex = resourceSizes.indexOf(currentSize as typeof resourceSizes[number]);
+        const safeIndex = currentIndex === -1 ? 0 : currentIndex;
         const newIndex = key.leftArrow
-          ? Math.max(0, currentIndex - 1)
-          : Math.min(resourceSizes.length - 1, currentIndex + 1);
+          ? Math.max(0, safeIndex - 1)
+          : Math.min(resourceSizes.length - 1, safeIndex + 1);
         setFormData({
           ...formData,
-          resource_size: resourceSizes[newIndex] as any,
+          resource_size: resourceSizes[newIndex],
         });
       }
       return;
@@ -387,7 +392,7 @@ export const DevboxCreatePage = ({
     try {
       const client = getClient();
 
-      const launchParameters: any = {};
+      const launchParameters: LaunchParameters = {};
 
       if (formData.architecture) {
         launchParameters.architecture = formData.architecture;
@@ -412,7 +417,7 @@ export const DevboxCreatePage = ({
         );
       }
 
-      const createParams: any = {};
+      const createParams: DevboxCreateParams = {};
 
       if (formData.name) {
         createParams.name = formData.name;

src/components/DevboxDetailPage.tsx

@@ -11,9 +11,10 @@ import { colors } from "../utils/theme.js";
 import { useViewportHeight } from "../hooks/useViewportHeight.js";
 import { useExitOnCtrlC } from "../hooks/useExitOnCtrlC.js";
 import { getDevbox } from "../services/devboxService.js";
+import type { Devbox } from "../store/devboxStore.js";
 
 interface DevboxDetailPageProps {
-  devbox: any;
+  devbox: Devbox;
   onBack: () => void;
 }
 
@@ -313,12 +314,14 @@ export const DevboxDetailPage = ({
         Status: {capitalize(selectedDevbox.status)}
       </Text>,
     );
-    lines.push(
-      <Text key="core-created" dimColor>
-        {" "}
-        Created: {new Date(selectedDevbox.create_time_ms).toLocaleString()}
-      </Text>,
-    );
+    if (selectedDevbox.create_time_ms) {
+      lines.push(
+        <Text key="core-created" dimColor>
+          {" "}
+          Created: {new Date(selectedDevbox.create_time_ms).toLocaleString()}
+        </Text>,
+      );
+    }
     if (selectedDevbox.end_time_ms) {
       lines.push(
         <Text key="core-ended" dimColor>
@@ -582,8 +585,8 @@ export const DevboxDetailPage = ({
           State History
         </Text>,
       );
-      selectedDevbox.state_transitions.forEach(
-        (transition: any, idx: number) => {
+      (selectedDevbox.state_transitions as Array<{ status: string; transition_time_ms?: number }>).forEach(
+        (transition, idx: number) => {
           const text = `${idx + 1}. ${capitalize(transition.status)}${transition.transition_time_ms ? ` at ${new Date(transition.transition_time_ms).toLocaleString()}` : ""}`;
           lines.push(
             <Text key={`state-${idx}`} dimColor>

src/components/ResourceActionsMenu.tsx

@@ -18,7 +18,7 @@ type OperationDef = {
 };
 
 interface BaseProps {
-  resource: Record<string, unknown>;
+  resource: { id: string; name?: string | null };
   onBack: () => void;
   breadcrumbItems?: Array<{ label: string; active?: boolean }>;
   initialOperation?: string;

src/screens/DevboxDetailScreen.tsx

@@ -4,7 +4,7 @@
  */
 import React from "react";
 import { useNavigation } from "../store/navigationStore.js";
-import { useDevboxStore } from "../store/devboxStore.js";
+import { useDevboxStore, type Devbox } from "../store/devboxStore.js";
 import { DevboxDetailPage } from "../components/DevboxDetailPage.js";
 import { getDevbox } from "../services/devboxService.js";
 import { SpinnerComponent } from "../components/Spinner.js";
@@ -22,7 +22,7 @@ export function DevboxDetailScreen({ devboxId }: DevboxDetailScreenProps) {
 
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState<Error | null>(null);
-  const [fetchedDevbox, setFetchedDevbox] = React.useState<any>(null);
+  const [fetchedDevbox, setFetchedDevbox] = React.useState<Devbox | null>(null);
 
   // Find devbox in store first
   const devboxFromStore = devboxes.find((d) => d.id === devboxId);
@@ -91,5 +91,10 @@ export function DevboxDetailScreen({ devboxId }: DevboxDetailScreenProps) {
     );
   }
 
+  // At this point devbox is guaranteed to exist (loading check above handles the null case)
+  if (!devbox) {
+    return null; // TypeScript guard - should never reach here
+  }
+
   return <DevboxDetailPage devbox={devbox} onBack={goBack} />;
 }

src/screens/MenuScreen.tsx

@@ -2,7 +2,7 @@
  * MenuScreen - Main menu using navigation context
  */
 import React from "react";
-import { useNavigation } from "../store/navigationStore.js";
+import { useNavigation, type ScreenName } from "../store/navigationStore.js";
 import { MainMenu } from "../components/MainMenu.js";
 
 export function MenuScreen() {
@@ -20,7 +20,8 @@ export function MenuScreen() {
           navigate("snapshot-list");
           break;
         default:
-          navigate(key as any);
+          // Fallback for any other screen names
+          navigate(key as ScreenName);
       }
   };
 

src/services/blueprintService.ts

@@ -3,6 +3,8 @@
  */
 import { getClient } from "../utils/client.js";
 import type { Blueprint } from "../store/blueprintStore.js";
+import type { BlueprintListParams, BlueprintView } from "@runloop/api-client/resources/blueprints";
+import type { BlueprintsCursorIDPage } from "@runloop/api-client/pagination";
 
 export interface ListBlueprintsOptions {
   limit: number;
@@ -24,44 +26,48 @@ export async function listBlueprints(
 ): Promise<ListBlueprintsResult> {
   const client = getClient();
 
-  const queryParams: any = {
+  const queryParams: BlueprintListParams = {
     limit: options.limit,
   };
 
   if (options.startingAfter) {
     queryParams.starting_after = options.startingAfter;
   }
   if (options.search) {
-    queryParams.search = options.search;
+    queryParams.name = options.search;
   }
 
   const pagePromise = client.blueprints.list(queryParams);
-  let page = (await pagePromise) as any;
+  const page = (await pagePromise) as unknown as BlueprintsCursorIDPage<BlueprintView>;
 
   const blueprints: Blueprint[] = [];
 
   if (page.blueprints && Array.isArray(page.blueprints)) {
-    page.blueprints.forEach((b: any) => {
+    page.blueprints.forEach((b: BlueprintView) => {
       // CRITICAL: Truncate all strings to prevent Yoga crashes
       const MAX_ID_LENGTH = 100;
       const MAX_NAME_LENGTH = 200;
       const MAX_STATUS_LENGTH = 50;
       const MAX_ARCH_LENGTH = 50;
       const MAX_RESOURCES_LENGTH = 100;
 
+      // Extract architecture and resources from launch_parameters
+      const architecture = b.parameters?.launch_parameters?.architecture;
+      const resources = b.parameters?.launch_parameters?.resource_size_request;
+
       blueprints.push({
         id: String(b.id || "").substring(0, MAX_ID_LENGTH),
         name: String(b.name || "").substring(0, MAX_NAME_LENGTH),
         status: String(b.status || "").substring(0, MAX_STATUS_LENGTH),
         create_time_ms: b.create_time_ms,
-        build_status: b.build_status
-          ? String(b.build_status).substring(0, MAX_STATUS_LENGTH)
+        build_status: b.status
+          ? String(b.status).substring(0, MAX_STATUS_LENGTH)
           : undefined,
-        architecture: b.architecture
-          ? String(b.architecture).substring(0, MAX_ARCH_LENGTH)
+        architecture: architecture
+          ? String(architecture).substring(0, MAX_ARCH_LENGTH)
           : undefined,
-        resources: b.resources
-          ? String(b.resources).substring(0, MAX_RESOURCES_LENGTH)
+        resources: resources
+          ? String(resources).substring(0, MAX_RESOURCES_LENGTH)
           : undefined,
       });
     });
@@ -73,8 +79,6 @@ export async function listBlueprints(
     hasMore: page.has_more || false,
   };
 
-  page = null as any;
-
   return result;
 }