diff --git a/src/components/command/CommandFooter.tsx b/src/components/command/CommandFooter.tsx
index b6b4cea..b0fc14d 100644
--- a/src/components/command/CommandFooter.tsx
+++ b/src/components/command/CommandFooter.tsx
@@ -47,9 +47,17 @@ export function CommandFooter({
     const [copied, setCopied] = useState(false);
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [drawerClosing, setDrawerClosing] = useState(false);
+    const [hasEverHadSelection, setHasEverHadSelection] = useState(false);
 
     const { toggle: toggleTheme } = useTheme();
 
+    // Track if we've ever had a selection - once true, stays true forever
+    useEffect(() => {
+        if (selectedCount > 0 && !hasEverHadSelection) {
+            setHasEverHadSelection(true);
+        }
+    }, [selectedCount, hasEverHadSelection]);
+
     const closeDrawer = useCallback(() => {
         setDrawerClosing(true);
         setTimeout(() => {
@@ -167,114 +175,116 @@ export function CommandFooter({
                 setSelectedHelper={setSelectedHelper}
             />
 
-            {/* Animated footer container */}
-            <div
-                className="fixed bottom-0 left-0 right-0 p-3"
-                style={{
-                    zIndex: 10,
-                    animation: 'footerSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both'
-                }}
-            >
-                <div className="relative w-[85%] mx-auto">
-                    {/* Soft glow behind bars */}
-                    <div
-                        className="absolute -inset-12 pointer-events-none"
-                        style={{
-                            background: 'var(--bg-primary)',
-                            filter: 'blur(40px)',
-                            opacity: 1,
-                            zIndex: -1
-                        }}
-                    />
-
-                    <div className="relative flex flex-col gap-1.5">
-                        {/* Shortcuts Bar */}
-                        <ShortcutsBar
-                            searchQuery={searchQuery}
-                            onSearchChange={onSearchChange}
-                            searchInputRef={searchInputRef}
-                            selectedCount={selectedCount}
-                            distroName={distroDisplayName}
-                            showAur={showAur}
-                            selectedHelper={selectedHelper}
-                            setSelectedHelper={setSelectedHelper}
+            {/* Animated footer container - only shows after first selection */}
+            {hasEverHadSelection && (
+                <div
+                    className="fixed bottom-0 left-0 right-0 p-3"
+                    style={{
+                        zIndex: 10,
+                        animation: 'footerSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) both'
+                    }}
+                >
+                    <div className="relative w-[85%] mx-auto">
+                        {/* Soft glow behind bars */}
+                        <div
+                            className="absolute -inset-12 pointer-events-none"
+                            style={{
+                                background: 'var(--bg-primary)',
+                                filter: 'blur(40px)',
+                                opacity: 1,
+                                zIndex: -1
+                            }}
                         />
 
-                        {/* Command Bar */}
-                        <div className="bg-[var(--bg-tertiary)] font-mono text-xs rounded-lg overflow-hidden border border-[var(--border-primary)]/40 shadow-2xl">
-                            <div className="flex items-stretch">
-                                {/* Preview button (hidden on mobile) */}
-                                <button
-                                    onClick={() => selectedCount > 0 && setDrawerOpen(true)}
-                                    disabled={selectedCount === 0}
-                                    className={`hidden md:flex items-center gap-2 px-4 py-3 border-r border-[var(--border-primary)]/30 transition-colors shrink-0 bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 hover:text-indigo-300 ${selectedCount === 0 ? 'opacity-50 cursor-not-allowed' : ''}`}
-                                    title="Toggle Preview (Tab)"
-                                >
-                                    <ChevronUp className="w-3.5 h-3.5 shrink-0" />
-                                    <span className="font-bold whitespace-nowrap">PREVIEW</span>
-                                    {selectedCount > 0 && (
-                                        <span className="text-[10px] opacity-60 ml-0.5 whitespace-nowrap">[{selectedCount}]</span>
-                                    )}
-                                </button>
+                        <div className="relative flex flex-col gap-1.5">
+                            {/* Shortcuts Bar */}
+                            <ShortcutsBar
+                                searchQuery={searchQuery}
+                                onSearchChange={onSearchChange}
+                                searchInputRef={searchInputRef}
+                                selectedCount={selectedCount}
+                                distroName={distroDisplayName}
+                                showAur={showAur}
+                                selectedHelper={selectedHelper}
+                                setSelectedHelper={setSelectedHelper}
+                            />
 
-                                {/* Command text */}
-                                <div
-                                    className="flex-1 min-w-0 flex items-center justify-center px-4 py-4 overflow-hidden bg-[var(--bg-secondary)] cursor-pointer hover:bg-[var(--bg-hover)] transition-colors group"
-                                    onClick={() => selectedCount > 0 && setDrawerOpen(true)}
-                                >
-                                    <code className={`whitespace-nowrap overflow-x-auto command-scroll leading-none ${selectedCount > 0 ? 'text-[var(--text-primary)]' : 'text-[var(--text-muted)]'}`}>
-                                        {command}
-                                    </code>
+                            {/* Command Bar */}
+                            <div className="bg-[var(--bg-tertiary)] font-mono text-xs rounded-lg overflow-hidden border border-[var(--border-primary)]/40 shadow-2xl">
+                                <div className="flex items-stretch">
+                                    {/* Preview button (hidden on mobile) */}
+                                    <button
+                                        onClick={() => selectedCount > 0 && setDrawerOpen(true)}
+                                        disabled={selectedCount === 0}
+                                        className={`hidden md:flex items-center gap-2 px-4 py-3 border-r border-[var(--border-primary)]/30 transition-colors shrink-0 bg-indigo-500/10 text-indigo-400 hover:bg-indigo-500/20 hover:text-indigo-300 ${selectedCount === 0 ? 'opacity-50 cursor-not-allowed' : ''}`}
+                                        title="Toggle Preview (Tab)"
+                                    >
+                                        <ChevronUp className="w-3.5 h-3.5 shrink-0" />
+                                        <span className="font-bold whitespace-nowrap">PREVIEW</span>
+                                        {selectedCount > 0 && (
+                                            <span className="text-[10px] opacity-60 ml-0.5 whitespace-nowrap">[{selectedCount}]</span>
+                                        )}
+                                    </button>
+
+                                    {/* Command text */}
+                                    <div
+                                        className="flex-1 min-w-0 flex items-center justify-center px-4 py-4 overflow-hidden bg-[var(--bg-secondary)] cursor-pointer hover:bg-[var(--bg-hover)] transition-colors group"
+                                        onClick={() => selectedCount > 0 && setDrawerOpen(true)}
+                                    >
+                                        <code className={`whitespace-nowrap overflow-x-auto command-scroll leading-none ${selectedCount > 0 ? 'text-[var(--text-primary)]' : 'text-[var(--text-muted)]'}`}>
+                                            {command}
+                                        </code>
+                                    </div>
+
+                                    {/* Clear button (hidden on mobile) */}
+                                    <button
+                                        onClick={clearAll}
+                                        disabled={selectedCount === 0}
+                                        className={`hidden md:flex items-center gap-1.5 px-3 py-3 border-l border-[var(--border-primary)]/30 transition-all duration-150 font-sans text-sm font-medium ${selectedCount > 0
+                                            ? 'text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)] active:scale-[0.97]'
+                                            : 'text-[var(--text-muted)] opacity-50 cursor-not-allowed'
+                                            }`}
+                                        title="Clear All (c)"
+                                    >
+                                        <X className="w-3.5 h-3.5 shrink-0" />
+                                        <span className="hidden sm:inline whitespace-nowrap">Clear</span>
+                                    </button>
+
+                                    {/* Download button (hidden on mobile) */}
+                                    <button
+                                        onClick={handleDownload}
+                                        disabled={selectedCount === 0}
+                                        className={`hidden md:flex items-center gap-1.5 px-3 py-3 border-l border-[var(--border-primary)]/30 transition-all duration-150 font-sans text-sm font-medium ${selectedCount > 0
+                                            ? 'text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)] active:scale-[0.97]'
+                                            : 'text-[var(--text-muted)] opacity-50 cursor-not-allowed'
+                                            }`}
+                                        title="Download Script (d)"
+                                    >
+                                        <Download className="w-3.5 h-3.5 shrink-0" />
+                                        <span className="hidden sm:inline whitespace-nowrap">Download</span>
+                                    </button>
+
+                                    {/* Copy button (hidden on mobile) */}
+                                    <button
+                                        onClick={handleCopy}
+                                        disabled={selectedCount === 0}
+                                        className={`hidden md:flex items-center gap-1.5 px-3 py-3 border-l border-[var(--border-primary)]/30 transition-all duration-150 font-sans text-sm font-medium ${selectedCount > 0
+                                            ? (copied
+                                                ? 'text-emerald-400'
+                                                : 'text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)] active:scale-[0.97]')
+                                            : 'text-[var(--text-muted)] opacity-50 cursor-not-allowed'
+                                            }`}
+                                        title="Copy Command (y)"
+                                    >
+                                        {copied ? <Check className="w-3.5 h-3.5 shrink-0" /> : <Copy className="w-3.5 h-3.5 shrink-0" />}
+                                        <span className="hidden sm:inline whitespace-nowrap">{copied ? 'Copied!' : 'Copy'}</span>
+                                    </button>
                                 </div>
-
-                                {/* Clear button (hidden on mobile) */}
-                                <button
-                                    onClick={clearAll}
-                                    disabled={selectedCount === 0}
-                                    className={`hidden md:flex items-center gap-1.5 px-3 py-3 border-l border-[var(--border-primary)]/30 transition-colors ${selectedCount > 0
-                                        ? 'bg-rose-500/5 text-rose-300/90 hover:bg-rose-500/10 hover:text-rose-200'
-                                        : 'text-[var(--text-muted)] opacity-50 cursor-not-allowed'
-                                        }`}
-                                    title="Clear All (c)"
-                                >
-                                    <X className="w-3 h-3 shrink-0" />
-                                    <span className="hidden sm:inline whitespace-nowrap">Clear</span>
-                                </button>
-
-                                {/* Download button (hidden on mobile) */}
-                                <button
-                                    onClick={handleDownload}
-                                    disabled={selectedCount === 0}
-                                    className={`hidden md:flex items-center gap-1.5 px-3 py-3 border-l border-[var(--border-primary)]/30 transition-colors ${selectedCount > 0
-                                        ? 'bg-teal-500/5 text-teal-300/90 hover:bg-teal-500/10 hover:text-teal-200'
-                                        : 'text-[var(--text-muted)] opacity-50 cursor-not-allowed'
-                                        }`}
-                                    title="Download Script (d)"
-                                >
-                                    <Download className="w-3 h-3 shrink-0" />
-                                    <span className="hidden sm:inline whitespace-nowrap">Download</span>
-                                </button>
-
-                                {/* Copy button (hidden on mobile) */}
-                                <button
-                                    onClick={handleCopy}
-                                    disabled={selectedCount === 0}
-                                    className={`hidden md:flex items-center gap-1.5 px-3 py-3 border-l border-[var(--border-primary)]/30 transition-colors ${selectedCount > 0
-                                        ? (copied
-                                            ? 'bg-emerald-500/10 text-emerald-300'
-                                            : 'bg-indigo-500/10 text-indigo-300/90 hover:bg-indigo-500/20 hover:text-indigo-200')
-                                        : 'text-[var(--text-muted)] opacity-50 cursor-not-allowed'
-                                        }`}
-                                    title="Copy Command (y)"
-                                >
-                                    {copied ? <Check className="w-3 h-3 shrink-0" /> : <Copy className="w-3 h-3 shrink-0" />}
-                                    <span className="hidden sm:inline whitespace-nowrap">{copied ? 'Copied!' : 'Copy'}</span>
-                                </button>
                             </div>
                         </div>
                     </div>
                 </div>
-            </div>
+            )}
         </>
     );
 }