init

src/routes/test_dev/scrap.txt

@@ -0,0 +1,78 @@
+
+<div class="grid h-dvh w-dvw grid-cols-4 grid-rows-4 gap-4">
+	<div
+		class="row-start-1 row-end-5 m-2 w-full rounded-3xl border border-zinc-950/25 bg-zinc-950/50 p-4 backdrop-blur-md"
+		id="top_left_adb"
+	>
+		<Card.Root id="adb-connect-card" style="background: #BDBDBD;">
+			<Card.Header>
+				<Card.Title>
+					<div class="flex gap-4">
+						<StatusHealth />
+						<h1 class="status-head">Status:</h1>
+						{#if adb.getAdbInstance() != null}
+							<p>Connected</p>
+						{:else}
+							<p>Disconnected</p>
+						{/if}
+					</div>
+				</Card.Title>
+				<Card.Action>
+					<Button variant="default">?</Button>
+				</Card.Action>
+			</Card.Header>
+
+			<Card.Content>
+				<!-- row -->
+
+				<!-- dropbox + connect btn -->
+
+				<Button class="button" onclick={test_adb}>Test ADB</Button>
+				<Button class="button" onclick={adb.disconnect}>Disconnect</Button>
+
+
+
+
+
+				<!-- checkbox fallback -->
+
+				<Label
+					class="flex items-start gap-3 rounded-lg border p-3 hover:bg-accent/50 has-aria-checked:border-blue-600 has-aria-checked:bg-blue-50 dark:has-aria-checked:border-blue-900 dark:has-aria-checked:bg-blue-950"
+				>
+					<Checkbox
+						id="toggle-fallback-protocol"
+						class="data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=checked]:text-white dark:data-[state=checked]:border-blue-700 dark:data-[state=checked]:bg-blue-700"
+					/>
+					<div class="grid gap-1.5 font-normal">
+						<p class="text-sm leading-none font-medium">Use fallback protocol</p>
+						<p class="text-sm text-muted-foreground">
+							Enable this may require download desktop agent app. Please use only unable to connect.
+						</p>
+					</div>
+				</Label>
+			</Card.Content>
+		</Card.Root>
+
+
+		<Button variant="outline" onclick={test_pull_recipe_dev}>Test Pull Recipe dev</Button>
+
+
+
+	</div>
+
+	<!-- <input id="cmd-input" class="border rounded-b-2xl" type="text"/>
+	<Button onclick={test_send_command}>Send cmd</Button> -->
+
+
+	<TerminalComponent/>
+	
+</div>
+
+<style>
+	.status-head {
+		font-family: 'Roboto Flex';
+		font-weight: 700;
+		font-size: 12;
+		color: white;
+	}
+</style>