chore: push disabled local-agent code

app/routes/settings/components/agent.tsx

@@ -0,0 +1,38 @@
+import Link from '~/components/Link';
+import Button from '~/components/Button';
+import { Link as RemixLink } from 'react-router';
+import { ArrowRightIcon } from '@primer/octicons-react';
+import { cn } from '~/utils/cn';
+
+export default function AgentSection() {
+	return (
+		<>
+			<div className="flex flex-col w-2/3">
+				<h1 className="text-2xl font-medium mb-4">Local Agent</h1>
+				<p className="text-gray-700 dark:text-gray-300">
+					Headplane provides a local agent that can be installed on a
+					server to provide additional features including viewing device
+					information and SSH access via the web interface (soon).
+					To learn more about the agent visit the{' '}
+					<Link
+						to="https://github.com/tale/headplane/blob/main/docs/Headplane-Agent.md"
+						name="Headplane Agent Documentation"
+					>
+						Headplane documentation
+					</Link>
+				</p>
+			</div>
+			<RemixLink to="/settings/local-agent">
+				<div
+					className={cn(
+						'text-lg font-medium flex items-center',
+						'text-gray-700 dark:text-gray-300',
+					)}
+				>
+					Manage Agent
+					<ArrowRightIcon className="w-5 h-5 ml-2" />
+				</div>
+			</RemixLink>
+		</>
+	)
+}

app/routes/settings/components/agent/manage.tsx

@@ -0,0 +1,44 @@
+import Card from '~/components/Card'
+import StatusCircle from '~/components/StatusCircle'
+import type { HostInfo } from '~/types';
+import * as hinfo from '~/utils/host-info';
+
+export type Props = {
+	reachable: boolean;
+	hostInfo: HostInfo;
+};
+
+export default function AgentManagement({ reachable, hostInfo }: Props) {
+	console.log('hostInfo:', hostInfo);
+	return (
+		<div className="flex flex-col w-2/3">
+			<h1 className="text-2xl font-medium mb-4">
+				Local Agent Configuration
+			</h1>
+			<p className="text-gray-700 dark:text-gray-300 mb-8">
+				A local agent has already been configured for this
+				Headplane instance. You can manage the agent settings here.
+			</p>
+			<Card>
+				<div className="flex items-center gap-2">
+					<StatusCircle
+						isOnline={reachable}
+						className="w-4 h-4 px-1 w-fit"
+					/>
+					<div>
+						<p className="text-lg font-bold">
+							{hostInfo.Hostname ?? 'Unknown'}
+						</p>
+						<p className="leading-snug">
+							{hinfo.getTSVersion(hostInfo)}
+							<span className="ml-2 text-sm text-gray-500 dark:text-gray-300">
+								{hinfo.getOSInfo(hostInfo)}
+							</span>
+						</p>
+					</div>
+				</div>
+				{JSON.stringify(hostInfo)}
+			</Card>
+		</div>
+	)
+}