From 6365cc137c329c0dae5980b46161cabbfcfe00ca Mon Sep 17 00:00:00 2001
From: Kacper <kacperlachowiczwp.pl@wp.pl>
Date: Sun, 21 Dec 2025 19:38:26 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20implement=20Ph?=
 =?UTF-8?q?ase=201=20folder-pattern=20compliance?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Rename App.tsx to app.tsx (kebab-case naming convention)
- Add barrel exports (index.ts) for src/hooks/
- Add barrel exports (index.ts) for src/components/dialogs/
- Add barrel exports (index.ts) for src/components/layout/
- Update renderer.tsx import to use lowercase app.tsx

This is Phase 1 of folder-pattern.md compliance: establishing proper
file naming conventions and barrel export patterns.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 apps/ui/src/{App.tsx => app.tsx}        | 20 ++++++++++----------
 apps/ui/src/components/dialogs/index.ts |  2 ++
 apps/ui/src/components/layout/index.ts  |  1 +
 apps/ui/src/hooks/index.ts              |  9 +++++++++
 apps/ui/src/renderer.tsx                |  8 ++++----
 5 files changed, 26 insertions(+), 14 deletions(-)
 rename apps/ui/src/{App.tsx => app.tsx} (52%)
 create mode 100644 apps/ui/src/components/dialogs/index.ts
 create mode 100644 apps/ui/src/components/layout/index.ts
 create mode 100644 apps/ui/src/hooks/index.ts

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>