2 Commits

Include renames

Author	SHA1	Message	Date
BFlat	bec8c7ede4	Add Create Audio pages (Suno + Seed Audio) with waveform gallery playback to desktop and webapp (#1748) ... Frontend for the new omni audio API (`/v1/omni_gen/{models,generate,cost}/audio`). ### New pages - **Webapp**: `/create-audio` page (desktop layout + mobile Generate/History tabs with settings drawers), added to sidebar. - **Desktop**: new `AUDIO` tab ("Create Audio") with `PromptBoxAudio`, registered in the app menu / TopBar. Audio enqueues over HTTP and polls the jobs feed (Tauri task queue untouched). ### Models & promptbox - Suno Music / Remix / Sounds / Sample + Seed Audio 1.0, fetched live from `GET /v1/omni_gen/models/audio` with per-model capability gating. - Always-visible **style prompt** row (Suno tags), instrumental / keep-lyrics / loop toggles, BPM + musical key popover (Suno Sounds), sample rate + speed/volume/pitch tuning popover (Seed Audio). - Audio/image reference uploads with server rules mirrored client-side (remix/sample require exactly 1 audio track; Seed Audio can't combine audio + image refs). - One request can return multiple job tokens (Suno multi-clip) - every token becomes its own pending card. ### Audio playback in galleries - New **`@storyteller/ui-audio-player`** lib (wavesurfer.js v7): waveform + seek, play/pause, volume, duration - only one player plays at a time. - Lazy waveform decode (IntersectionObserver + peaks cache) and a no-waveform `<audio>` fallback if CORS/decode fails. - Audio cards/rows added once in the shared `ui-generation-list`, so both hosts' grid + list views get them. - Audio playback in both lightboxes (webapp lightbox + desktop lightbox-modal); Library gets an **Audio** filter tab and includes audio in "All"; downloads keep the right extension. ### Shared plumbing - `OmniGenApi` gains audio types + `getAudioModels` / `generateAudio` / `estimateAudioCost`. - `useOmniGenAudioModels`, request builder, enqueue + cost hook shared via `@storyteller/omni-gen` (used by both hosts). - `useGenerationJobs` moved from the webapp into `ui-generation-list` (with re-export shim) and taught the `audio_generation` category - the desktop audio feed reuses it. - Suno model names/descriptions/creator icon added to `model-list`.	2026-07-08 18:18:03 +07:00
BFlat	8da68b009c	Desktop create pages redesign: shared generation feed, embedded model selector, gallery folders sidebar (#1635) ... ## Summary Reworks the desktop (Tauri) app's Create Image / Create Video pages to match the webapp, extracts the webapp's generation gallery into a shared library used by both apps, embeds the model selector into every prompt box, adds a folders sidebar + marquee selection to the gallery modal, restyles the login/pricing/credits modals to the webapp look, and turns the Apps page into the default landing tab. ### Shared generation-list lib - Extracted the webapp's generation feed into `@storyteller/ui-generation-list`: list + masonry grid views, pending/failed/completed rows and cards, thumbnail handling, gallery/prompt data hooks, and the shared grid/list view store + toggle. Host-specific actions (recreate, make-video, share, download, toasts) inject via render props — webapp markup unchanged, its old files are now thin wrappers. ### Desktop create pages - Prompt box fixed at the bottom, `max-w-5xl` like the webapp; pages renamed to "Create Image" / "Create Video". - Generation feed: in-progress/failed from the Tauri task queue, history from the library API, rendered as grid or list (toggle in the TopBar next to credits). Typed Tauri completion events push finished media in instantly; the poll reconciles and dedupes. - Row/card quick actions (recreate, make video, copy link, download) backed by a shared `desktopMediaActions` module extracted from the TopBar gallery wiring. - Hero + background act as a splash that fades when the feed loads; bottom gradient behind the prompt box. Batch generations show "Generating N images" on the single pending chip. - Video prompt box now expands vertically as far as the image prompt box (viewport-relative). ### Embedded model selector - `ClassyModelSelector` gained `variant="embedded"`: a compact pill that opens the webapp-style rich-list popover while keeping the desktop's provider selection. Embedded on all five prompt-input pages; floating selectors removed; legacy "10 sec." badges dropped. ### Gallery modal - Left sidebar lists the user's folders (drag-and-drop, right-click management, new-folder button) and shows on the Folders tab too, highlighting the active folder's root branch. - Marquee (drag-rectangle) selection in view mode, with edge auto-scroll; starts only on blank background so it doesn't interfere with drag-to-folder/canvas. ### Restyled modals (desktop) - Login/signup: webapp 2-column layout (form left, Vimeo showcase right), no Google button (Google auth isn't wired for Tauri), `artcraft-icon` logo, eye toggles. The dismiss button is removed so login is required; the post-auth Discord + Success onboarding steps are kept, as is the existing Tauri auth flow. - Pricing + credits: match the webapp visually (unified monochrome plan cards with Most Popular / Best Value highlight frames; `#161618` credit-pack cards with Popular badge). All billing stays on the existing Tauri `invoke` calls — no billing logic changed. ### Apps page / navigation - The Apps page is now the first tab and the default landing tab, with a Home icon. Restyled to the webapp home: "What will you craft today?" hero, Create / Edit sections, gradient-hover cards sized to their content, full-width scrollbar. The TopBar quick-menu header reads "Create" instead of "Generate". ### Fixes - Video Editor no longer crashes on the desktop app (`Tooltip must be used within TooltipProvider`): the editor shell now mounts its own Radix `TooltipProvider`. The webapp got one app-wide via `SidebarProvider`; the Tauri app had none, so panel tooltips threw. ### Misc - `getCreatorIconPathForModelId()` added to `@storyteller/model-list` (model id → creator icon path, desktop/webapp aware).	2026-06-13 17:25:40 -04:00