fix ui tests

packages/site/package.json

···
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
+		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.1.0",
 		"@testing-library/user-event": "^14.5.2",
 		"@types/react": "^18.3.18",

packages/site/tests/components/Editor.test.tsx

···
 			onChange={(e) => onChange(e.target.value)}
 		/>
 	),
+	loader: {
+		init: vi.fn(() =>
+			Promise.resolve({
+				languages: {
+					typescript: {
+						typescriptDefaults: {
+							setCompilerOptions: vi.fn(),
+							setDiagnosticsOptions: vi.fn(),
+							addExtraLib: vi.fn(),
+						},
+						ScriptTarget: { ES2020: 7 },
+						ModuleResolutionKind: { NodeJs: 2 },
+						ModuleKind: { ESNext: 99 },
+					},
+				},
+			}),
+		),
+	},
 }));
 
 describe("Editor", () => {
-	it("renders with input label", () => {
+	it("renders with input label", async () => {
 		const mockOnChange = vi.fn();
 		render(<Editor value="" onChange={mockOnChange} />);
 		expect(screen.getByText("Input")).toBeInTheDocument();
+
+		// Wait for loader to complete
+		await screen.findByTestId("monaco-editor");
 	});
 
 	it("calls onChange when value changes", async () => {
 		const mockOnChange = vi.fn();
 		render(<Editor value="" onChange={mockOnChange} />);
 
-		const editor = screen.getByTestId("monaco-editor");
+		// Wait for loader to complete
+		const editor = await screen.findByTestId("monaco-editor");
 		await userEvent.type(editor, "test");
 
 		expect(mockOnChange).toHaveBeenCalled();
 	});
 
-	it("displays the provided value", () => {
+	it("displays the provided value", async () => {
 		const mockOnChange = vi.fn();
 		render(<Editor value="const x = 1" onChange={mockOnChange} />);
 
-		const editor = screen.getByTestId("monaco-editor");
+		// Wait for loader to complete
+		const editor = await screen.findByTestId("monaco-editor");
 		expect(editor).toHaveValue("const x = 1");
 	});
 });

packages/site/tests/components/OutputPanel.test.tsx

···
 		error: "",
 	};
 
-	it("renders JSON Output tab by default", () => {
+	it("renders Output header", () => {
 		render(<OutputPanel output={mockOutput} />);
-		expect(screen.getByText("JSON Output")).toBeInTheDocument();
-		expect(screen.getByText("Type Info")).toBeInTheDocument();
+		expect(screen.getByText("Output")).toBeInTheDocument();
 	});
 
-	it("displays json content by default", () => {
+	it("displays json content", () => {
 		render(<OutputPanel output={mockOutput} />);
 		expect(screen.getByText('{"test": "value"}')).toBeInTheDocument();
-	});
-
-	it("switches to Type Info tab when clicked", async () => {
-		render(<OutputPanel output={mockOutput} />);
-
-		const typeInfoTab = screen.getByText("Type Info");
-		await userEvent.click(typeInfoTab);
-
-		expect(
-			screen.getByText("type Test = { test: string }"),
-		).toBeInTheDocument();
 	});
 
 	it("displays error message when error exists", () => {

packages/site/tests/components/Playground.test.tsx

···
 		render(<Playground />);
 
 		expect(screen.getByText("Input")).toBeInTheDocument();
-		expect(screen.getByText("JSON Output")).toBeInTheDocument();
-		expect(screen.getByText("Type Info")).toBeInTheDocument();
+		expect(screen.getByText("Output")).toBeInTheDocument();
 	});
 
-	it("starts with default code in editor", () => {
+	it("starts with default code in editor", async () => {
 		render(<Playground />);
 
+		// Wait for editors to be ready
+		await waitFor(() => {
+			expect(screen.getAllByTestId("monaco-editor").length).toBeGreaterThan(0);
+		});
+
 		const editors = screen.getAllByTestId("monaco-editor");
-		const inputEditor = editors[0];
+		const inputEditor = editors[0] as HTMLTextAreaElement;
 
-		expect(inputEditor).toHaveValue(
-			expect.stringContaining('lx.namespace("app.bsky.actor.profile"'),
+		expect(inputEditor.value).toContain(
+			'lx.namespace("app.bsky.actor.profile"',
 		);
 	});
 

packages/site/tests/setup.ts

···
 import { vi } from "vitest";
+import "@testing-library/jest-dom/vitest";
 
 global.fetch = vi.fn(
 	() =>

pnpm-lock.yaml

···
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
     devDependencies:
+      '@testing-library/jest-dom':
+        specifier: ^6.9.1
+        version: 6.9.1
       '@testing-library/react':
         specifier: ^16.1.0
         version: 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.26))(@types/react@18.3.26)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
···
         version: 3.2.4(@types/node@24.0.4)(esbuild@0.25.10)(jiti@2.6.1)(jsdom@25.0.1)
 
 packages:
+
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
 
   '@ark/attest@0.49.0':
     resolution: {integrity: sha512-LYAJe4iwgA4GY+WLcSZ2ObTgr7F9lSwoQm4hR+B5ko0TfB3gqolXv04hA+7UtoP5HrGR1lVS+0DdwtWNnaSGnQ==}
···
     resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
     engines: {node: '>=18'}
 
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
   '@testing-library/react@16.3.0':
     resolution: {integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==}
     engines: {node: '>=18'}
···
     resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
     engines: {node: '>= 8'}
 
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
   cssstyle@4.6.0:
     resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
     engines: {node: '>=18'}
···
   dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
   dts-resolver@2.1.2:
     resolution: {integrity: sha512-xeXHBQkn2ISSXxbJWD828PFjtyg+/UrMDo7W4Ffcs7+YWCquxU8YjV1KoxuiL+eJ5pg3ll+bC6flVv61L3LKZg==}
     engines: {node: '>=20.18.0'}
···
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
···
     resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
     engines: {node: '>= 0.6'}
 
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
···
   readdirp@4.1.2:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
 
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
···
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
 
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
···
     engines: {node: '>=10'}
 
 snapshots:
+
+  '@adobe/css-tools@4.4.4': {}
 
   '@ark/attest@0.49.0(typescript@5.8.3)':
     dependencies:
···
       picocolors: 1.1.1
       pretty-format: 27.5.1
 
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.4.4
+      aria-query: 5.3.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
   '@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.26))(@types/react@18.3.26)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.28.4
···
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
+
+  css.escape@1.5.1: {}
 
   cssstyle@4.6.0:
     dependencies:
···
 
   dom-accessibility-api@0.5.16: {}
 
+  dom-accessibility-api@0.6.3: {}
+
   dts-resolver@2.1.2: {}
 
   dunder-proto@1.0.1:
···
 
   imurmurhash@0.1.4: {}
 
+  indent-string@4.0.0: {}
+
   inherits@2.0.4: {}
 
   is-extglob@2.1.1: {}
···
     dependencies:
       mime-db: 1.52.0
 
+  min-indent@1.0.1: {}
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.12
···
 
   readdirp@4.1.2: {}
 
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
   require-directory@2.1.1: {}
 
   resolve-from@4.0.0: {}
···
   strip-ansi@6.0.1:
     dependencies:
       ansi-regex: 5.0.1
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
 
   strip-json-comments@3.1.1: {}