feat: Uppy-based audio upload for web app with shared storage helpers

[devin-ai-integration]

Summary

Refactors packages/supabase/src/storage.ts to extract shared TUS upload configuration (STORAGE_CONFIG, getTusEndpoint, buildObjectName) so both apps/web and apps/desktop can consume them. Introduces a new useAudioUppy hook in apps/web that uses @uppy/core + @uppy/tus (headless, no Uppy UI) for resumable uploads to Supabase Storage, replacing the previous direct tus-js-client + useMutation approach in the authenticated file-transcription page.

Desktop's useUploadAudio continues to use uploadAudio() from the shared package unchanged.

Key files:

• packages/supabase/src/storage.ts — extracted helpers, uploadAudio refactored internally
• apps/web/src/hooks/use-audio-uppy.ts — new hook
• apps/web/src/routes/_view/app/file-transcription.tsx — wired to Uppy hook
• apps/web/src/components/transcription/transcript-display.tsx — FileInfo now shows upload %

Review & Testing Checklist for Human

• Test the full upload → transcription flow in a real environment with Supabase credentials. This PR was built without end-to-end testing against a live Supabase instance — the upload path (Uppy → TUS → Supabase Storage → STT pipeline) has not been verified at runtime.
• onBeforeRequest fetches auth session on every chunk request — correct for token freshness, but worth confirming there's no performance issue with many chunks on large audio files.
• Uppy instance cleanup — cancelAll() is called on unmount, but Uppy's current types don't expose a close() / destroy() method. Verify no resource leaks in practice.

Suggested test plan:

1. Log in on the web app, navigate to file transcription
2. Upload a small audio file → verify it uploads successfully and transcription starts
3. Upload a large audio file (>6MB to trigger chunking) → verify progress % updates and upload completes
4. Rapidly switch files during upload → verify no stale upload or metadata mismatch errors
5. Test with an expired/invalid auth session → verify error state is shown

Notes

• Desktop app (apps/desktop/src/hooks/useUploadAudio.ts) is unchanged and continues using uploadAudio() directly.
• Typecheck and dprint formatting pass locally.
• Previously flagged issues (race condition with autoProceed, unused @uppy/drag-drop and @uppy/react deps, missing error handling on complete event) have all been addressed in follow-up commits.

Link to Devin run: https://app.devin.ai/sessions/9f3539c14ac243bb95b1d27ce0161ac2
Requested by: @yujonglee

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	99dcea0
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/6991a70fb11e79000872836f
😎 Deploy Preview	https://deploy-preview-3983--hyprnote.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for hyprnote-storybook canceled.

Name	Link
🔨 Latest commit	99dcea0
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote-storybook/deploys/6991a70ffec45a00083794dc

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR that start with 'DevinAI' or '@devin'.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[devin-ai-integration]

Devin Review found 3 potential issues.

View 5 additional findings in Devin Review.

[devin-ai-integration]

Devin Review found 2 new potential issues.

View 8 additional findings in Devin Review.

[devin-ai-integration]

Devin Review found 2 new potential issues.

View 9 additional findings in Devin Review.

[devin-ai-integration]

Devin Review found 1 new potential issue.

View 10 additional findings in Devin Review.