Fix: Formatting, unused var, and update storybook stories

Author: ammar-agent

src/App.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { useRef } from "react";
-import App from "./App";
+import { AppLoader } from "./components/AppLoader";
 import type { ProjectConfig } from "./config";
 import type { FrontendWorkspaceMetadata } from "./types/workspace";
 import type { IPCApi } from "./types/ipc";
@@ -93,7 +93,7 @@ function setupMockAPI(options: {
 
 const meta = {
   title: "App/Full Application",
-  component: App,
+  component: AppLoader,
   parameters: {
     layout: "fullscreen",
     backgrounds: {
@@ -102,7 +102,7 @@ const meta = {
     },
   },
   tags: ["autodocs"],
-} satisfies Meta<typeof App>;
+} satisfies Meta<typeof AppLoader>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -121,7 +121,7 @@ const AppWithMocks: React.FC<{
     initialized.current = true;
   }
 
-  return <App />;
+  return <AppLoader />;
 };
 
 export const WelcomeScreen: Story = {
@@ -615,7 +615,7 @@ export const ActiveWorkspaceWithChat: Story = {
         initialized.current = true;
       }
 
-      return <App />;
+      return <AppLoader />;
     };
 
     return <AppWithChatMocks />;

src/App.tsx

@@ -1,4 +1,11 @@
-import { useState, useEffect, useCallback, useRef, type Dispatch, type SetStateAction } from "react";
+import {
+  useState,
+  useEffect,
+  useCallback,
+  useRef,
+  type Dispatch,
+  type SetStateAction,
+} from "react";
 import "./styles/globals.css";
 import type { ProjectConfig } from "./config";
 import type { WorkspaceSelection } from "./components/ProjectSidebar";
@@ -61,7 +68,7 @@ interface AppInnerProps {
 
 function AppInner({
   projects,
-  setProjects,
+  setProjects: _setProjects,
   addProject,
   removeProject,
   workspaceMetadata,
@@ -72,7 +79,6 @@ function AppInner({
   selectedWorkspace,
   setSelectedWorkspace,
 }: AppInnerProps) {
-
   const [workspaceModalOpen, setWorkspaceModalOpen] = useState(false);
   const [workspaceModalProject, setWorkspaceModalProject] = useState<string | null>(null);
   const [workspaceModalProjectName, setWorkspaceModalProjectName] = useState<string>("");

src/components/AppLoader.tsx

@@ -88,7 +88,12 @@ export function AppLoader() {
     }
 
     setHasRestoredFromHash(true);
-  }, [storesSynced, workspaceManagement.workspaceMetadata, hasRestoredFromHash, setSelectedWorkspace]);
+  }, [
+    storesSynced,
+    workspaceManagement.workspaceMetadata,
+    hasRestoredFromHash,
+    setSelectedWorkspace,
+  ]);
 
   // Show loading screen until stores are synced
   if (workspaceManagement.loading || !storesSynced) {
@@ -112,4 +117,3 @@ export function AppLoader() {
     />
   );
 }
-