setup wizard & macOS accessibility thing

src/lib/bindings.ts

@@ -80,6 +80,15 @@ async getSceneConfiguration() : Promise<SceneConfiguration> {
 async updateSceneConfiguration(configuration: SceneConfiguration) : Promise<SceneConfiguration> {
     return await TAURI_INVOKE("update_scene_configuration", { configuration });
 },
+async getOnboardingStatus() : Promise<OnboardingStatus> {
+    return await TAURI_INVOKE("get_onboarding_status");
+},
+async completeOnboarding() : Promise<null> {
+    return await TAURI_INVOKE("complete_onboarding");
+},
+async requestAccessibilityPermission() : Promise<boolean> {
+    return await TAURI_INVOKE("request_accessibility_permission");
+},
 async openActionWindow(name: string, title: string, pageUrl: string) : Promise<null> {
     return await TAURI_INVOKE("open_action_window", { name, title, pageUrl });
 },
@@ -99,6 +108,7 @@ friendInteractionReceived: FriendInteractionReceived,
 friendStatusesChanged: FriendStatusesChanged,
 friendsChanged: FriendsChanged,
 networkStatusChanged: NetworkStatusChanged,
+onboardingStatus: OnboardingStatus,
 profileChanged: ProfileChanged,
 puppetStatesChanged: PuppetStatesChanged,
 remotesChanged: RemotesChanged,
@@ -111,6 +121,7 @@ friendInteractionReceived: "friend-interaction-received",
 friendStatusesChanged: "friend-statuses-changed",
 friendsChanged: "friends-changed",
 networkStatusChanged: "network-status-changed",
+onboardingStatus: "onboarding-status",
 profileChanged: "profile-changed",
 puppetStatesChanged: "puppet-states-changed",
 remotesChanged: "remotes-changed",
@@ -153,6 +164,7 @@ export type FriendsChanged = { friends: Friend[] }
 export type InteractionContent = { type: "text"; text: string } | { type: "wave" } | { type: "image"; mediaType: string; data: string }
 export type LiveDataSnapshot = { cursorPositions: Partial<{ [key in string]: CursorPositions }>; foregroundApps: Partial<{ [key in string]: AppMeta }> }
 export type NetworkStatusChanged = { statuses: ConnectionStatus[] }
+export type OnboardingStatus = { onboardingDone: boolean; macosAccessibilityPermissionGranted: boolean; requiresAccessibilityPermission: boolean }
 export type ProfileChanged = { profile: User }
 export type PuppetMovementMode = "free" | "bottom"
 export type PuppetState = { id: string; position: CursorPosition; isMoving: boolean }

src/lib/components/control-panel/panel-message.svelte

@@ -3,13 +3,14 @@
     kind = "info",
     children,
   }: {
-    kind?: "info" | "error" | "warning";
+    kind?: "info" | "success" | "error" | "warning";
     children: import("svelte").Snippet;
   } = $props();
 </script>
 
 <div
   class:alert-info={kind === "info"}
+  class:alert-success={kind === "success"}
   class:alert-error={kind === "error"}
   class:alert-warning={kind === "warning"}
   class="alert alert-soft min-h-0 px-2 py-1.5 text-xs"

src/lib/components/control-panel/scene-panel.svelte

@@ -301,34 +301,3 @@
     </div>
   </fieldset>
 </div>
-
-<style>
-  .bg-gridded {
-    background-image:
-      linear-gradient(
-        0deg,
-        transparent 24%,
-        var(--color-primary) 25%,
-        var(--color-primary) 26%,
-        transparent 27%,
-        transparent 74%,
-        var(--color-primary) 75%,
-        var(--color-primary) 76%,
-        transparent 77%,
-        transparent
-      ),
-      linear-gradient(
-        90deg,
-        transparent 24%,
-        var(--color-primary) 25%,
-        var(--color-primary) 26%,
-        transparent 27%,
-        transparent 74%,
-        var(--color-primary) 75%,
-        var(--color-primary) 76%,
-        transparent 77%,
-        transparent
-      );
-    background-size: 32px 32px;
-  }
-</style>