feat: add SQL library panel with folder/file management, rename, and sync support

apps/desktop/src/composables/usePanelResize.ts

@@ -5,6 +5,7 @@ export function usePanelResize() {
   const sidebarWidth = ref(Number(safeLocalStorageGet("dbx-sidebar-width")) || 260);
   const aiPanelWidth = ref(Number(safeLocalStorageGet("dbx-ai-panel-width")) || 360);
   const historyWidth = ref(Number(safeLocalStorageGet("dbx-history-width")) || 288);
+  const sqlLibraryWidth = ref(Number(safeLocalStorageGet("dbx-sql-library-width")) || 288);
 
   function startPanelResize(widthRef: Ref<number>, storageKey: string, direction: "left" | "right") {
     return (e: MouseEvent) => {
@@ -31,13 +32,16 @@ export function usePanelResize() {
   const startSidebarResize = startPanelResize(sidebarWidth, "dbx-sidebar-width", "right");
   const startAiPanelResize = startPanelResize(aiPanelWidth, "dbx-ai-panel-width", "left");
   const startHistoryResize = startPanelResize(historyWidth, "dbx-history-width", "left");
+  const startSqlLibraryResize = startPanelResize(sqlLibraryWidth, "dbx-sql-library-width", "left");
 
   return {
     sidebarWidth,
     aiPanelWidth,
     historyWidth,
+    sqlLibraryWidth,
     startSidebarResize,
     startAiPanelResize,
     startHistoryResize,
+    startSqlLibraryResize,
   };
 }