feat: move Copy button to fixed footer position

Author: kccarlos

apps/desktop/src/App.css

@@ -658,6 +658,15 @@ button {
   100% { transform: translateX(120%); }
 }
 
+/* Fixed copy button footer */
+.copy-button-fixed {
+  position: fixed;
+  right: var(--space-8);
+  bottom: 1rem;
+  z-index: 101;
+  transition: bottom 0.2s ease;
+}
+
 /* Footer progress bar container pinned to bottom padding area */
 .status-footer-fixed {
   position: fixed;
@@ -675,6 +684,19 @@ button {
   z-index: 100;
 }
 
+/* Mobile: center the copy button */
+@media (max-width: 600px) {
+  .copy-button-fixed {
+    left: var(--space-3);
+    right: var(--space-3);
+    bottom: 1rem;
+  }
+
+  .copy-button-fixed button {
+    width: 100%;
+  }
+}
+
 .gc-overlay-card {
   max-width: 680px;
   width: 100%;

apps/desktop/src/App.tsx

@@ -681,16 +681,6 @@ function AppContent() {
                   fileTreeTokens={includeFileTree ? fileTreeTokens : 0}
                   limit={tokenLimit}
                 />
-
-                {/* Copy button */}
-                <button
-                  onClick={copyAllSelected}
-                  disabled={selectedPaths.size === 0 || !!copyFlash}
-                  className="gc-button gc-button-primary"
-                  style={{ width: '100%', marginTop: '12px' }}
-                >
-                  {copyFlash ? copyFlash : (<><Copy size={16} /> COPY ALL SELECTED</>)}
-                </button>
               </div>
 
               {/* Selected files list */}
@@ -714,6 +704,23 @@ function AppContent() {
         {renderPreview()}
       </div>
 
+      {/* Fixed Copy Button Footer */}
+      {selectedPaths.size > 0 && gitClient && (
+        <div
+          className="copy-button-fixed"
+          style={{ bottom: copyFlash ? '1rem' : '5rem' }}
+        >
+          <button
+            onClick={copyAllSelected}
+            disabled={selectedPaths.size === 0 || !!copyFlash}
+            className="gc-button gc-button-primary"
+            style={{ minWidth: '200px', fontSize: '1rem', padding: 'var(--space-3) var(--space-5)' }}
+          >
+            {copyFlash ? copyFlash : (<><Copy size={18} /> COPY ALL SELECTED</>)}
+          </button>
+        </div>
+      )}
+
       {/* Status bar */}
       <div style={{ padding: '0 1rem 1rem 1rem' }}>
         {repoStatus.state === 'error' && (

apps/web/src/App.css

@@ -449,6 +449,15 @@ button {
   100% { transform: translateX(120%); }
 }
 
+/* Fixed copy button footer */
+.copy-button-fixed {
+  position: fixed;
+  right: var(--space-8);
+  bottom: 1rem;
+  z-index: 101;
+  transition: bottom 0.2s ease;
+}
+
 /* Footer progress bar container pinned to bottom padding area */
 .status-footer-fixed {
   position: fixed;
@@ -466,6 +475,19 @@ button {
   z-index: 100;
 }
 
+/* Mobile: center the copy button */
+@media (max-width: 600px) {
+  .copy-button-fixed {
+    left: var(--space-3);
+    right: var(--space-3);
+    bottom: 1rem;
+  }
+
+  .copy-button-fixed button {
+    width: 100%;
+  }
+}
+
 .gc-overlay-card {
   max-width: 680px;
   width: 100%;

apps/web/src/App.tsx

@@ -1279,17 +1279,6 @@ function App() {
                       />
                       Include Binary as Paths
                     </label>
-                    <div className="row ml-auto">
-                      <button
-                        data-testid="copy-all-selected"
-                        type="button"
-                        className="btn btn-primary"
-                        onClick={() => { void copyAllSelected() }}
-                        disabled={selectedPaths.size === 0 || !gitClient}
-                      >
-                        {copyFlash ? copyFlash : (<><Copy size={16} /> COPY ALL SELECTED</>)}
-                      </button>
-                    </div>
                   </div>
 
                   <div className="row" style={{ width: '100%' }}>
@@ -1358,6 +1347,25 @@ function App() {
         )}
         {notif && <div className="hint" style={{ color: 'green' }}>{notif}</div>}
 
+        {/* Fixed Copy Button Footer */}
+        {selectedPaths.size > 0 && gitClient && (
+          <div
+            className="copy-button-fixed"
+            style={{ bottom: copyFlash ? '1rem' : hideStatus && appStatus.state === 'READY' ? '1rem' : '5rem' }}
+          >
+            <button
+              data-testid="copy-all-selected"
+              type="button"
+              className="btn btn-primary"
+              onClick={() => { void copyAllSelected() }}
+              disabled={selectedPaths.size === 0 || !gitClient}
+              style={{ minWidth: '200px', fontSize: '1rem', padding: 'var(--space-3) var(--space-5)' }}
+            >
+              {copyFlash ? copyFlash : (<><Copy size={18} /> COPY ALL SELECTED</>)}
+            </button>
+          </div>
+        )}
+
         {!copyFlash && (
           <div
             className="status-footer-fixed"