From 676bd63ee15145f7812bc8badd42693e493ccf8e Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Mon, 9 Feb 2026 21:52:21 +0100
Subject: [PATCH] chore: fix typing issue

---
 .../api-client/@tanstack/react-query.gen.ts   |  1 +
 app/client/api-client/client.gen.ts           |  1 +
 app/client/api-client/index.ts                |  1 +
 app/client/api-client/sdk.gen.ts              |  1 +
 app/client/api-client/types.gen.ts            |  1 +
 app/client/components/dev-panel.tsx           | 73 +++++++++----------
 openapi-ts.config.ts                          |  4 +
 7 files changed, 44 insertions(+), 38 deletions(-)

diff --git a/app/client/api-client/@tanstack/react-query.gen.ts b/app/client/api-client/@tanstack/react-query.gen.ts
index c1544d04..fb8f2c43 100644
--- a/app/client/api-client/@tanstack/react-query.gen.ts
+++ b/app/client/api-client/@tanstack/react-query.gen.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 // This file is auto-generated by @hey-api/openapi-ts
 
 import {
diff --git a/app/client/api-client/client.gen.ts b/app/client/api-client/client.gen.ts
index 301c95c0..457f3c3d 100644
--- a/app/client/api-client/client.gen.ts
+++ b/app/client/api-client/client.gen.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 // This file is auto-generated by @hey-api/openapi-ts
 
 import { type ClientOptions, type Config, createClient, createConfig } from "./client";
diff --git a/app/client/api-client/index.ts b/app/client/api-client/index.ts
index 9842752b..6c1c462b 100644
--- a/app/client/api-client/index.ts
+++ b/app/client/api-client/index.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 // This file is auto-generated by @hey-api/openapi-ts
 
 export {
diff --git a/app/client/api-client/sdk.gen.ts b/app/client/api-client/sdk.gen.ts
index b81683ff..761f3885 100644
--- a/app/client/api-client/sdk.gen.ts
+++ b/app/client/api-client/sdk.gen.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 // This file is auto-generated by @hey-api/openapi-ts
 
 import type { Client, Options as Options2, TDataShape } from "./client";
diff --git a/app/client/api-client/types.gen.ts b/app/client/api-client/types.gen.ts
index 44082764..aae207ad 100644
--- a/app/client/api-client/types.gen.ts
+++ b/app/client/api-client/types.gen.ts
@@ -1,3 +1,4 @@
+// @ts-nocheck
 // This file is auto-generated by @hey-api/openapi-ts
 
 export type ClientOptions = {
diff --git a/app/client/components/dev-panel.tsx b/app/client/components/dev-panel.tsx
index 602c4dbc..ebd7bfeb 100644
--- a/app/client/components/dev-panel.tsx
+++ b/app/client/components/dev-panel.tsx
@@ -1,7 +1,8 @@
-import { useEffect, useRef, useState, useCallback } from "react";
+import { useRef, useState, useCallback } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Play, Loader2, Trash2, Terminal } from "lucide-react";
 import { Button } from "./ui/button";
+import { cn } from "~/client/lib/utils";
 import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from "./ui/sheet";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
 import { Label } from "./ui/label";
@@ -74,7 +75,6 @@ export function DevPanel({ open, onOpenChange }: DevPanelProps) {
 
 		abortControllerRef.current = new AbortController();
 
-		// Parse command line: first word is command, rest are args
 		const trimmedLine = commandLine.trim();
 		const parts = trimmedLine.split(/\s+/);
 		const command = parts[0];
@@ -177,14 +177,14 @@ export function DevPanel({ open, onOpenChange }: DevPanelProps) {
 
 						<div className="flex gap-2">
 							<Button onClick={handleRun} disabled={isRunning || !selectedRepoId || !commandLine.trim()}>
-								{isRunning ? <Loader2 className="h-4 w-4 animate-spin mr-2" /> : <Play className="h-4 w-4 mr-2" />}
-								{isRunning ? "Running..." : "Run"}
+								<Loader2 className={cn("h-4 w-4 animate-spin mr-2", { hidden: !isRunning })} />
+								<Play className={cn("h-4 w-4 mr-2", { hidden: isRunning })} />
+								<span className={cn({ hidden: !isRunning })}>Running...</span>
+								<span className={cn({ hidden: isRunning })}>Run</span>
+							</Button>
+							<Button variant="destructive" onClick={handleCancel} className={cn({ hidden: !isRunning })}>
+								Cancel
 							</Button>
-							{isRunning && (
-								<Button variant="destructive" onClick={handleCancel}>
-									Cancel
-								</Button>
-							)}
 							<Button variant="outline" onClick={handleClear} disabled={isRunning}>
 								<Trash2 className="h-4 w-4 mr-2" />
 								Clear
@@ -194,35 +194,32 @@ export function DevPanel({ open, onOpenChange }: DevPanelProps) {
 
 					<div className="flex-1 min-h-0 border rounded-md bg-muted/30">
 						<div ref={outputRef} className="h-full overflow-auto p-3 font-mono text-xs">
-							{output.length === 0 ? (
-								<div className="text-muted-foreground">Output will appear here...</div>
-							) : (
-								<div className="space-y-0.5">
-									{output.map((line, i) => {
-										let displayLine = line;
-										let isJson = false;
-										try {
-											const parsed = JSON.parse(line);
-											displayLine = JSON.stringify(parsed, null, 2);
-											isJson = true;
-										} catch {
-											// Not valid JSON, display as-is
-										}
-										return (
-											<pre
-												key={`${i}-${line.slice(0, 20)}`}
-												className={
-													isJson
-														? "whitespace-pre wrap-break-word text-[10px] leading-tight"
-														: "whitespace-pre-wrap break-all text-xs"
-												}
-											>
-												{displayLine}
-											</pre>
-										);
-									})}
-								</div>
-							)}
+							<div className={cn("text-muted-foreground", { hidden: output.length > 0 })}>
+								Output will appear here...
+							</div>
+							<div className={cn("space-y-0.5", { hidden: output.length === 0 })}>
+								{output.map((line, i) => {
+									let displayLine = line;
+									let isJson = false;
+									try {
+										const parsed = JSON.parse(line);
+										displayLine = JSON.stringify(parsed, null, 2);
+										isJson = true;
+									} catch {
+										// Not valid JSON, display as-is
+									}
+									return (
+										<pre
+											key={`${i}-${line.slice(0, 20)}`}
+											className={cn("whitespace-pre-wrap break-all text-xs", {
+												"wrap-break-word text-[10px] leading-tight": isJson,
+											})}
+										>
+											{displayLine}
+										</pre>
+									);
+								})}
+							</div>
 						</div>
 					</div>
 				</div>
diff --git a/openapi-ts.config.ts b/openapi-ts.config.ts
index 1f60263e..70625f2a 100644
--- a/openapi-ts.config.ts
+++ b/openapi-ts.config.ts
@@ -5,6 +5,10 @@ export default defineConfig({
 	input: `http://${config.serverIp}:3000/api/v1/openapi.json`,
 	output: {
 		path: "./app/client/api-client",
+		header: [
+			"// @ts-nocheck",
+			"// This file is auto-generated by @hey-api/openapi-ts",
+		],
 		postProcess: ["oxfmt"],
 	},
 	plugins: [...defaultPlugins, "@tanstack/react-query", "@hey-api/client-fetch"],