zen: support dashboard

packages/console/support/src/routes/index.tsx

@@ -0,0 +1,22 @@
+import { Title } from "@solidjs/meta"
+
+export default function SupportPage() {
+  return (
+    <main data-page="support">
+      <Title>opencode support — lookup user</Title>
+      <h1>Lookup user</h1>
+
+      <form data-component="lookup" action="/lookup" method="get" target="_blank">
+        <input
+          type="text"
+          name="identifier"
+          placeholder="email, wrk_..., key_..., or sk-..."
+          autocomplete="off"
+          autofocus
+          required
+        />
+        <button type="submit">Lookup</button>
+      </form>
+    </main>
+  )
+}

packages/console/support/src/routes/lookup.tsx

@@ -0,0 +1,39 @@
+import { Title } from "@solidjs/meta"
+import { createAsync, query, useSearchParams, type RouteDefinition } from "@solidjs/router"
+import { Show } from "solid-js"
+import { ErrorBoundary } from "solid-js"
+import { Result } from "~/component/result"
+import { lookup } from "~/lib/lookup"
+
+const getLookup = query(async (identifier: string) => {
+  "use server"
+  return lookup(identifier)
+}, "support.lookup")
+
+export const route: RouteDefinition = {
+  preload: ({ location }) => {
+    const identifier = new URLSearchParams(location.search).get("identifier")?.trim()
+    if (identifier) void getLookup(identifier)
+  },
+}
+
+export default function LookupPage() {
+  const [params] = useSearchParams()
+  const identifier = () => String(params.identifier ?? "").trim()
+  const data = createAsync(() => (identifier() ? getLookup(identifier()) : Promise.resolve(undefined)))
+
+  return (
+    <main data-page="support">
+      <Title>opencode support — {identifier() || "lookup"}</Title>
+      <h1>Lookup: {identifier() || "(no identifier)"}</h1>
+
+      <Show when={identifier()} fallback={<div data-empty>Provide an `identifier` query parameter.</div>}>
+        <ErrorBoundary fallback={(err) => <div data-component="error">{(err as Error).message}</div>}>
+          <Show when={data()} fallback={<div data-empty>Loading...</div>}>
+            {(result) => <Result data={result()} />}
+          </Show>
+        </ErrorBoundary>
+      </Show>
+    </main>
+  )
+}