diff --git a/apps/ui/src/App.tsx b/apps/ui/src/app.tsx
similarity index 52%
rename from apps/ui/src/App.tsx
rename to apps/ui/src/app.tsx
index a38de6b2..50380095 100644
--- a/apps/ui/src/App.tsx
+++ b/apps/ui/src/app.tsx
@@ -1,15 +1,15 @@
-import { useState, useCallback } from "react";
-import { RouterProvider } from "@tanstack/react-router";
-import { router } from "./utils/router";
-import { SplashScreen } from "./components/splash-screen";
-import { useSettingsMigration } from "./hooks/use-settings-migration";
-import "./styles/global.css";
-import "./styles/theme-imports";
+import { useState, useCallback } from 'react';
+import { RouterProvider } from '@tanstack/react-router';
+import { router } from './utils/router';
+import { SplashScreen } from './components/splash-screen';
+import { useSettingsMigration } from './hooks/use-settings-migration';
+import './styles/global.css';
+import './styles/theme-imports';
 
 export default function App() {
   const [showSplash, setShowSplash] = useState(() => {
     // Only show splash once per session
-    if (sessionStorage.getItem("automaker-splash-shown")) {
+    if (sessionStorage.getItem('automaker-splash-shown')) {
       return false;
     }
     return true;
@@ -18,11 +18,11 @@ export default function App() {
   // Run settings migration on startup (localStorage -> file storage)
   const migrationState = useSettingsMigration();
   if (migrationState.migrated) {
-    console.log("[App] Settings migrated to file storage");
+    console.log('[App] Settings migrated to file storage');
   }
 
   const handleSplashComplete = useCallback(() => {
-    sessionStorage.setItem("automaker-splash-shown", "true");
+    sessionStorage.setItem('automaker-splash-shown', 'true');
     setShowSplash(false);
   }, []);
 
diff --git a/apps/ui/src/components/dialogs/index.ts b/apps/ui/src/components/dialogs/index.ts
new file mode 100644
index 00000000..904c7a21
--- /dev/null
+++ b/apps/ui/src/components/dialogs/index.ts
@@ -0,0 +1,2 @@
+export { BoardBackgroundModal } from './board-background-modal';
+export { FileBrowserDialog } from './file-browser-dialog';
diff --git a/apps/ui/src/components/layout/index.ts b/apps/ui/src/components/layout/index.ts
new file mode 100644
index 00000000..bfed6246
--- /dev/null
+++ b/apps/ui/src/components/layout/index.ts
@@ -0,0 +1 @@
+export { Sidebar } from './sidebar';
diff --git a/apps/ui/src/hooks/index.ts b/apps/ui/src/hooks/index.ts
new file mode 100644
index 00000000..b18a85e6
--- /dev/null
+++ b/apps/ui/src/hooks/index.ts
@@ -0,0 +1,9 @@
+export { useAutoMode } from './use-auto-mode';
+export { useBoardBackgroundSettings } from './use-board-background-settings';
+export { useElectronAgent } from './use-electron-agent';
+export { useKeyboardShortcuts } from './use-keyboard-shortcuts';
+export { useMessageQueue } from './use-message-queue';
+export { useResponsiveKanban } from './use-responsive-kanban';
+export { useScrollTracking } from './use-scroll-tracking';
+export { useSettingsMigration } from './use-settings-migration';
+export { useWindowState } from './use-window-state';
diff --git a/apps/ui/src/renderer.tsx b/apps/ui/src/renderer.tsx
index 9a58d97d..86054d5a 100644
--- a/apps/ui/src/renderer.tsx
+++ b/apps/ui/src/renderer.tsx
@@ -1,8 +1,8 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './app';
 
-createRoot(document.getElementById("app")!).render(
+createRoot(document.getElementById('app')!).render(
   <StrictMode>
     <App />
   </StrictMode>