From d2703ac6073cb86284cd15a63dfb000d49b6be8e Mon Sep 17 00:00:00 2001
From: Luke Curley <kixelated@gmail.com>
Date: Mon, 3 Mar 2025 21:17:48 -0800
Subject: [PATCH 1/2] Upgrade Moq

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b1e6f05..bc46721 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
 				"@astrojs/node": "8.3.4",
 				"@astrojs/solid-js": "4.4.4",
 				"@astrojs/tailwind": "5.1.2",
-				"@kixelated/moq": "^0.4.3",
+				"@kixelated/moq": "^0.4.5",
 				"@tailwindcss/forms": "^0.5.9",
 				"@tailwindcss/typography": "^0.5.15",
 				"astro": "^4.16.18",
@@ -1457,9 +1457,9 @@
 			}
 		},
 		"node_modules/@kixelated/moq": {
-			"version": "0.4.3",
-			"resolved": "https://registry.npmjs.org/@kixelated/moq/-/moq-0.4.3.tgz",
-			"integrity": "sha512-85Vy7fr2NjlVEmIBtHehavimqsWSNUBNGUFBKmpq2IRVHYjVGcB8nwkL765qcz0kRkpXqRU5x5aPzobLWuat1g==",
+			"version": "0.4.5",
+			"resolved": "https://registry.npmjs.org/@kixelated/moq/-/moq-0.4.5.tgz",
+			"integrity": "sha512-2tJeMoXKNxyl1O1rVct6oMw3jVHCnCSoUyVNGqckhwhPtmw0Ro9G2pIUhbg9yyHYQNQoQcaAcGdHcgaa0k1k+Q==",
 			"dependencies": {
 				"@shoelace-style/shoelace": "^2.19.1",
 				"comlink": "^4.4.2"
diff --git a/package.json b/package.json
index dd79bfe..0741101 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
 		"@astrojs/node": "8.3.4",
 		"@astrojs/solid-js": "4.4.4",
 		"@astrojs/tailwind": "5.1.2",
-		"@kixelated/moq": "^0.4.3",
+		"@kixelated/moq": "^0.4.5",
 		"@tailwindcss/forms": "^0.5.9",
 		"@tailwindcss/typography": "^0.5.15",
 		"astro": "^4.16.18",

From 5a196827edf2532b6b9197f6d5be3922c5e2d833 Mon Sep 17 00:00:00 2001
From: Luke Curley <kixelated@gmail.com>
Date: Mon, 3 Mar 2025 21:22:01 -0800
Subject: [PATCH 2/2] Oh right the new UI class.

---
 src/components/watch.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/watch.tsx b/src/components/watch.tsx
index 3758dfb..f527a21 100644
--- a/src/components/watch.tsx
+++ b/src/components/watch.tsx
@@ -1,4 +1,5 @@
 import "@kixelated/moq/watch";
+import "@kixelated/moq/watch/ui";
 
 import { createSignal } from "solid-js";
 
@@ -9,7 +10,10 @@ export default function Watch(props: { path: string }) {
 
 	return (
 		<div>
-			<moq-watch prop:url={url()} prop:controls={true} prop:status={true} class="rounded-lg overflow-hidden" />
+			<moq-watch-ui class="rounded-lg overflow-hidden">
+				<moq-watch prop:url={url()} />
+			</moq-watch-ui>
+
 			<Region setUrl={setUrl} path={props.path} />
 		</div>
 	);