visionos-monorepo 0.1.0

package/.claude/worktrees/competent-burnell-8d1330/client/src/components/TrackCard.tsx

@@ -0,0 +1,19 @@
+interface TrackCardProps {
+  title: string;
+  description: string;
+  accentClass: string;
+}
+
+export function TrackCard({ title, description, accentClass }: TrackCardProps) {
+  return (
+    <article
+      className={`rounded-[1.75rem] border p-6 shadow-panel transition-transform duration-300 hover:-translate-y-1 ${accentClass}`}
+    >
+      <div className="space-y-3">
+        <h3 className="text-2xl font-bold text-ink">{title}</h3>
+        <p className="text-sm leading-7 text-slate-600">{description}</p>
+      </div>
+    </article>
+  );
+}
+

package/.claude/worktrees/competent-burnell-8d1330/client/src/lib/api.ts

@@ -0,0 +1,58 @@
+import {
+  type CliAuthSessionEnvelope,
+  type CompleteCliAuthSessionRequest,
+  type VisionOsRuntimeInfoResponse,
+  type VisionOsUserInfoResponse
+} from "../../../shared/src/index.js";
+
+const defaultApiBaseUrl = import.meta.env.DEV ? "http://localhost:4000" : window.location.origin;
+const apiBaseUrl = (import.meta.env.VITE_API_BASE_URL ?? defaultApiBaseUrl).replace(/\/$/, "");
+
+export class VisionOsApiError extends Error {
+  constructor(
+    message: string,
+    readonly status: number
+  ) {
+    super(message);
+    this.name = "VisionOsApiError";
+  }
+}
+
+async function request<T>(path: string, init?: RequestInit): Promise<T> {
+  const response = await fetch(`${apiBaseUrl}${path}`, init);
+  const payload = (await response.json().catch(() => null)) as { message?: string } | null;
+
+  if (!response.ok) {
+    throw new VisionOsApiError(
+      payload?.message ?? `VisionOS API request failed with status ${response.status}.`,
+      response.status
+    );
+  }
+
+  return payload as T;
+}
+
+export function getCliAuthSession(sessionId: string) {
+  return request<CliAuthSessionEnvelope>(`/auth/cli/sessions/${sessionId}`);
+}
+
+export function completeCliAuthSession(
+  sessionId: string,
+  body: CompleteCliAuthSessionRequest
+) {
+  return request<CliAuthSessionEnvelope>(`/auth/cli/sessions/${sessionId}/complete`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(body)
+  });
+}
+
+export function getCurrentUser() {
+  return request<VisionOsUserInfoResponse>("/auth/me");
+}
+
+export function getRuntimeInfo() {
+  return request<VisionOsRuntimeInfoResponse>("/runtime/info");
+}

package/.claude/worktrees/competent-burnell-8d1330/client/src/main.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.js";
+import "./styles/index.css";
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+

package/.claude/worktrees/competent-burnell-8d1330/client/src/styles/index.css

@@ -0,0 +1,33 @@
+@import "./manifesto.css";
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+  color: #0A0A0A;
+  background: #E0DFD5;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+}