Merge branch 'feat/hold-to-record' into dev: hold the + button to record a thought

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/App.tsx

@@ -44,6 +44,7 @@ import {
   ThemeId,
 } from './lib/theme';
 import { InstantCaptureBar } from './features/capture/InstantCaptureBar';
+import { HoldToRecordFab } from './features/capture/HoldToRecordFab';
 import { CountBadge } from './components/CountBadge';
 import { TriageDeck } from './features/triage/TriageDeck';
 import { TasksView } from './features/triage/TasksView';
@@ -1246,9 +1247,8 @@ export const App: React.FC = () => {
 
         {/* Col 3 (EXACT CENTER): + Quick-Add FAB */}
         <div className="flex items-center justify-center">
-          <button
-            type="button"
-            onClick={() => {
+          <HoldToRecordFab
+            onTap={() => {
               triggerHaptic(15);
               if (primaryAction) {
                 primaryAction();
@@ -1256,11 +1256,11 @@ export const App: React.FC = () => {
                 openMobileTriageCapture();
               }
             }}
-            className="w-14 h-14 -mt-6 rounded-full bg-accent text-on-accent shadow-lg flex items-center justify-center active:scale-90 transition-transform border-4 border-panel cursor-pointer"
-            title="Schnell erfassen (+)"
-          >
-            <Plus className="w-7 h-7 stroke-[2.5]" />
-          </button>
+            onTranscript={async (text) => {
+              const thought = await api.captureThought(text, 'normal', 'voice', '', { target: 'inbox' });
+              handleCaptured(thought, 'inbox');
+            }}
+          />
         </div>
 
         {/* Col 4: Aufgaben */}