fix: TypeScript strict mode errors across AI prompts feature

Author: ericallam

apps/webapp/app/components/navigation/sideMenuTypes.ts

@@ -1,7 +1,7 @@
 import { z } from "zod";
 
 // Valid section IDs that can have their collapsed state toggled
-export const SideMenuSectionIdSchema = z.enum(["manage", "metrics", "project-settings"]);
+export const SideMenuSectionIdSchema = z.enum(["ai", "manage", "metrics", "project-settings"]);
 
 // Inferred type from the schema
 export type SideMenuSectionId = z.infer<typeof SideMenuSectionIdSchema>;

apps/webapp/app/components/runs/v3/ai/extractAISummarySpanData.ts

@@ -68,7 +68,7 @@ export function extractAISummarySpanData(
   let messageCount: number | undefined;
   if (promptJson) {
     try {
-      const parsed = JSON.parse(promptJson);
+      const parsed = JSON.parse(promptJson) as Record<string, unknown>;
       if (parsed.messages && Array.isArray(parsed.messages)) {
         messageCount = parsed.messages.length;
       } else {
@@ -146,7 +146,7 @@ function parsePromptToDisplayItems(
   responseText?: string
 ): DisplayItem[] | undefined {
   try {
-    const parsed = JSON.parse(promptJson);
+    const parsed = JSON.parse(promptJson) as Record<string, unknown>;
     if (!parsed || typeof parsed !== "object") return undefined;
 
     const items: DisplayItem[] = [];
@@ -162,8 +162,9 @@ function parsePromptToDisplayItems(
     if (Array.isArray(parsed.messages)) {
       for (const msg of parsed.messages) {
         if (!msg || typeof msg !== "object") continue;
-        const role = msg.role;
-        const content = extractMessageContent(msg.content);
+        const m = msg as Record<string, unknown>;
+        const role = m.role;
+        const content = extractMessageContent(m.content);
         if (!content) continue;
 
         switch (role) {
@@ -196,7 +197,11 @@ function extractMessageContent(content: unknown): string | undefined {
   if (Array.isArray(content)) {
     // Extract text parts from content array [{type: "text", text: "..."}]
     return content
-      .filter((p) => p && typeof p === "object" && p.type === "text" && typeof p.text === "string")
+      .filter((p): p is { type: string; text: string } => {
+        if (!p || typeof p !== "object") return false;
+        const o = p as Record<string, unknown>;
+        return o.type === "text" && typeof o.text === "string";
+      })
       .map((p) => p.text)
       .join("\n");
   }
@@ -214,7 +219,7 @@ function parseProviderMetadata(
   if (!jsonStr) return undefined;
 
   try {
-    const parsed = JSON.parse(jsonStr);
+    const parsed = JSON.parse(jsonStr) as Record<string, any>;
     if (!parsed || typeof parsed !== "object") return undefined;
 
     let serviceTier: string | undefined;

apps/webapp/app/presenters/v3/PromptPresenter.server.ts

@@ -373,7 +373,7 @@ function encodeCursor(startTime: string, spanId: string): string {
 
 function decodeCursor(cursor: string): { startTime: string; spanId: string } | null {
   try {
-    const parsed = JSON.parse(Buffer.from(cursor, "base64").toString("utf-8"));
+    const parsed = JSON.parse(Buffer.from(cursor, "base64").toString("utf-8")) as Record<string, unknown>;
     if (typeof parsed.s === "string" && typeof parsed.i === "string") {
       return { startTime: parsed.s, spanId: parsed.i };
     }

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam/route.tsx

@@ -509,7 +509,7 @@ function TraceView({
     <div className={cn("grid h-full max-h-full grid-cols-1 overflow-hidden")}>
       <ResizablePanelGroup
         autosaveId={resizableSettings.parent.autosaveId}
-        snapshot={resizable.parent}
+        snapshot={resizable.parent as ResizableSnapshot}
         className="h-full max-h-full"
       >
         <ResizablePanel
@@ -539,7 +539,7 @@ function TraceView({
             rootRun={run.rootTaskRun}
             parentRun={run.parentTaskRun}
             isCompleted={run.completedAt !== null}
-            treeSnapshot={resizable.tree}
+            treeSnapshot={resizable.tree as ResizableSnapshot}
           />
         </ResizablePanel>
         <ResizableHandle id={resizableSettings.parent.handleId} />
@@ -585,7 +585,7 @@ function NoLogsView({ run, resizable }: Pick<LoaderData, "run" | "resizable">) {
     <div className={cn("grid h-full max-h-full grid-cols-1 overflow-hidden")}>
       <ResizablePanelGroup
         autosaveId={resizableSettings.parent.autosaveId}
-        snapshot={resizable.parent}
+        snapshot={resizable.parent as ResizableSnapshot}
         className="h-full max-h-full"
       >
         <ResizablePanel

apps/webapp/app/v3/services/promptService.server.ts

@@ -1,4 +1,5 @@
 import { createHash } from "crypto";
+import { prisma } from "~/db.server";
 import { BaseService, ServiceValidationError } from "./baseService.server";
 
 export class PromptService extends BaseService {
@@ -36,7 +37,7 @@ export class PromptService extends BaseService {
     const nextVersion = await this.#getNextVersionNumber(promptId);
 
     // Remove any existing override, then create new — wraps in transaction
-    await this._prisma.$transaction(async (tx) => {
+    await prisma.$transaction(async (tx) => {
       await tx.$executeRaw`
         UPDATE "prompt_versions"
         SET "labels" = array_remove("labels", 'override')

apps/webapp/app/v3/utils/enrichCreatableEvents.server.ts

@@ -434,10 +434,11 @@ function enrichPromptResolve(event: CreateEventInput): void {
 
   if (typeof slug !== "string") return;
 
-  const style = event.style ?? {};
+  const style = (event.style ?? {}) as Record<string, unknown>;
+  const accessory = style.accessory as Record<string, unknown> | undefined;
   const existingItems =
-    style.accessory && "items" in style.accessory
-      ? (style.accessory.items as Array<{ text: string; icon?: string; variant?: string }>)
+    accessory && "items" in accessory
+      ? (accessory.items as Array<{ text: string; icon?: string; variant?: string }>)
       : [];
 
   const items = [
@@ -452,5 +453,5 @@ function enrichPromptResolve(event: CreateEventInput): void {
     ...style,
     icon: style.icon ?? "tabler-file-text-ai",
     accessory: { style: "pills" as const, items },
-  };
+  } as unknown as typeof event.style;
 }