Auto collapse snippet folders (#448)

* Add termix.rb Cask file

* Update Termix to version 1.9.0 with new checksum

* Update README to remove 'coming soon' notes

* feat: Add collapsable snippets (customizable in user profile)

src/ui/desktop/apps/tools/SSHToolsSidebar.tsx

@@ -197,9 +197,11 @@ export function SSHToolsSidebar({
   );
   const [draggedSnippet, setDraggedSnippet] = useState<Snippet | null>(null);
   const [dragOverFolder, setDragOverFolder] = useState<string | null>(null);
-  const [collapsedFolders, setCollapsedFolders] = useState<Set<string>>(
-    new Set(),
-  );
+  const [collapsedFolders, setCollapsedFolders] = useState<Set<string>>(() => {
+    const shouldCollapse =
+      localStorage.getItem("defaultSnippetFoldersCollapsed") !== "false";
+    return shouldCollapse ? new Set() : new Set();
+  });
   const [showFolderDialog, setShowFolderDialog] = useState(false);
   const [editingFolder, setEditingFolder] = useState<SnippetFolder | null>(
     null,
@@ -351,6 +353,55 @@ export function SSHToolsSidebar({
     }
   }, [isOpen, activeTab]);
 
+  useEffect(() => {
+    if (snippetFolders.length > 0) {
+      const shouldCollapse =
+        localStorage.getItem("defaultSnippetFoldersCollapsed") !== "false";
+      if (shouldCollapse) {
+        const allFolderNames = new Set(snippetFolders.map((f) => f.name));
+        const uncategorizedSnippets = snippets.filter(
+          (s) => !s.folder || s.folder === "",
+        );
+        if (uncategorizedSnippets.length > 0) {
+          allFolderNames.add("");
+        }
+        setCollapsedFolders(allFolderNames);
+      } else {
+        setCollapsedFolders(new Set());
+      }
+    }
+  }, [snippetFolders, snippets]);
+
+  useEffect(() => {
+    const handleSettingChange = () => {
+      const shouldCollapse =
+        localStorage.getItem("defaultSnippetFoldersCollapsed") !== "false";
+      if (shouldCollapse) {
+        const allFolderNames = new Set(snippetFolders.map((f) => f.name));
+        const uncategorizedSnippets = snippets.filter(
+          (s) => !s.folder || s.folder === "",
+        );
+        if (uncategorizedSnippets.length > 0) {
+          allFolderNames.add("");
+        }
+        setCollapsedFolders(allFolderNames);
+      } else {
+        setCollapsedFolders(new Set());
+      }
+    };
+
+    window.addEventListener(
+      "defaultSnippetFoldersCollapsedChanged",
+      handleSettingChange,
+    );
+    return () => {
+      window.removeEventListener(
+        "defaultSnippetFoldersCollapsedChanged",
+        handleSettingChange,
+      );
+    };
+  }, [snippetFolders, snippets]);
+
   const handleMouseDown = (e: React.MouseEvent) => {
     e.preventDefault();
     setIsResizing(true);

src/ui/desktop/user/UserProfile.tsx

@@ -101,6 +101,10 @@ export function UserProfile({
   const [commandAutocomplete, setCommandAutocomplete] = useState<boolean>(
     localStorage.getItem("commandAutocomplete") !== "false",
   );
+  const [defaultSnippetFoldersCollapsed, setDefaultSnippetFoldersCollapsed] =
+    useState<boolean>(
+      localStorage.getItem("defaultSnippetFoldersCollapsed") !== "false",
+    );
 
   useEffect(() => {
     fetchUserInfo();
@@ -154,6 +158,12 @@ export function UserProfile({
     localStorage.setItem("commandAutocomplete", enabled.toString());
   };
 
+  const handleDefaultSnippetFoldersCollapsedToggle = (enabled: boolean) => {
+    setDefaultSnippetFoldersCollapsed(enabled);
+    localStorage.setItem("defaultSnippetFoldersCollapsed", enabled.toString());
+    window.dispatchEvent(new Event("defaultSnippetFoldersCollapsedChanged"));
+  };
+
   const handleDeleteAccount = async (e: React.FormEvent) => {
     e.preventDefault();
     setDeleteLoading(true);
@@ -391,6 +401,25 @@ export function UserProfile({
                     </div>
                   </div>
 
+                  <div className="mt-6 pt-6 border-t border-dark-border">
+                    <div className="flex items-center justify-between">
+                      <div>
+                        <Label className="text-gray-300">
+                          {t("profile.defaultSnippetFoldersCollapsed")}
+                        </Label>
+                        <p className="text-sm text-gray-400 mt-1">
+                          {t("profile.defaultSnippetFoldersCollapsedDesc")}
+                        </p>
+                      </div>
+                      <Switch
+                        checked={defaultSnippetFoldersCollapsed}
+                        onCheckedChange={
+                          handleDefaultSnippetFoldersCollapsedToggle
+                        }
+                      />
+                    </div>
+                  </div>
+
                   <div className="mt-6 pt-6 border-t border-dark-border">
                     <div className="flex items-center justify-between">
                       <div>