feat: initial Honcho UI scaffold

React 19 + Vite 8 + TanStack Router SPA for browsing and chatting with
a self-hosted Honcho instance. Configurable base URL stored in localStorage
only. Dark/light theme, framer-motion animations, lucide-react icons.
This commit is contained in:
Offending Commit
2026-04-24 21:30:48 -05:00
commit 8eff34b3c6
53 changed files with 15366 additions and 0 deletions

60
src/lib/config.ts Normal file
View File

@@ -0,0 +1,60 @@
import { z } from "zod";
const CONFIG_KEY = "honcho-ui:config";
export const configSchema = z.object({
baseUrl: z.string().url("Must be a valid URL"),
token: z.string().optional().default(""),
});
export type Config = z.infer<typeof configSchema>;
export function loadConfig(): Config | null {
try {
const raw = localStorage.getItem(CONFIG_KEY);
if (!raw) return null;
const parsed = JSON.parse(raw);
return configSchema.parse(parsed);
} catch {
return null;
}
}
export function saveConfig(config: Config): void {
localStorage.setItem(CONFIG_KEY, JSON.stringify(config));
}
export function clearConfig(): void {
localStorage.removeItem(CONFIG_KEY);
}
export type HealthStatus = "ok" | "auth-required" | "unreachable" | "checking";
export async function checkConnection(baseUrl: string, token?: string): Promise<{
status: HealthStatus;
message: string;
}> {
try {
const headers: Record<string, string> = { "Content-Type": "application/json" };
if (token) headers["Authorization"] = `Bearer ${token}`;
const res = await fetch(`${baseUrl}/v3/workspaces/list`, {
method: "POST",
headers,
body: JSON.stringify({}),
signal: AbortSignal.timeout(5000),
});
if (res.ok) return { status: "ok", message: "Connected successfully" };
if (res.status === 401 || res.status === 403) {
return { status: "auth-required", message: "Authentication required — provide an API token" };
}
return { status: "unreachable", message: `Server returned ${res.status}` };
} catch (err) {
const msg = err instanceof Error ? err.message : "Unknown error";
if (msg.includes("AbortError") || msg.includes("timeout")) {
return { status: "unreachable", message: "Connection timed out" };
}
return { status: "unreachable", message: `Cannot reach server: ${msg}` };
}
}