Skip to content
MasterSelects Documentation

AI Studio

AI Studio is a dockable generation workspace for running several AI image, video, and audio tasks without replacing the compact generator in the Media Panel. Each Studio tab keeps its own prompt, chat history, selected model, and generation settings, so another generation can be prepared while existing work continues in the background.

New projects and legacy projects without saved Studio workspaces start on Chat. Once the user selects another Studio workspace, that active selection remains part of the persisted project state and is restored on the next load.

The Chat history uses the full stage height directly below the workspace tabs. Floating credit controls overlay only their own compact area instead of reserving an empty row across the top of the conversation.

Workspace Layout

Section titled “Workspace Layout”
  • The top tab row lists open generation workspaces. The + action creates another workspace without clearing the current one.
  • The main canvas stays visually quiet until jobs exist. Queued, processing, completed, and failed generations then appear as tiles.
  • The bottom generation bar combines the prompt, model, prompt-book, aspect-ratio, resolution, mode, and generate controls. Its menus open upward as theme-aware bubbles.
  • The prompt/chat pill shares the bottom bar when there is enough room and moves above it on narrower layouts.
  • Media Panel image, video, and audio items can be dropped onto Chat or Generation. Model-aware reference cards float above the prompt, wrap without a scrollbar, and expand to the source aspect ratio on hover.
  • Chat and Generation prompts expose browser-local Whisper dictation that appends transcription without replacing existing text.
  • The control surfaces use the normal MasterSelects theme variables and can dock to the stage edges.

AI Studio is an additional way to use FlashBoard. The Media Panel still exposes its compact Chat, Generate, Studio, and Downloads launcher, and Generate still opens the original compact composer.

Generation Tiles

Section titled “Generation Tiles”

Tiles expose the state of each request without permanently covering the generated media:

  • queued and active jobs show elapsed time, model, aspect ratio, resolution, and duration when available
  • active visual jobs show the selected aspect ratio as a small frame pictogram
  • completed image, video, and audio results replace the placeholder with the imported media
  • settings are shown as compact overlay pills; the prompt remains below the preview as a single line and can be expanded
  • visual previews stay square while portrait or landscape results are fitted completely instead of being cropped
  • completed tiles can be dragged directly to the timeline through the same media drag protocol used by the Media Panel
  • double-clicking a completed tile opens that generated result in the Source Monitor

Completed tiles are rebuilt from project-persistent generation metadata, not only from the transient job queue. Reloading a project therefore keeps generated results associated with the workspace that created them.

Runtime And Persistence

Section titled “Runtime And Persistence”

FlashBoardRuntimeHost is mounted at the editor level so remote polling, recovery, result import, and queue callbacks continue even when neither the Media generator nor AI Studio is the active dock panel. Project save/load persists the open Studio workspaces, active workspace, per-workspace composer/chat state, active generation records, and each result’s workspace identifier.

The existing FlashBoard provider and billing boundary is unchanged: hosted jobs use the signed-in Cloud routes, and provider credentials are not stored in the browser or project.

Main Sources

Section titled “Main Sources”
  • src/components/panels/ai-studio/AIStudioPanel.tsx
  • src/components/panels/ai-studio/AIStudioMetaballStage.tsx
  • src/components/panels/ai-studio/AIStudioGenerationBar.tsx
  • src/components/panels/ai-studio/AIStudioGenerationCanvas.tsx
  • src/components/panels/ai-studio/AIStudioReferenceSurface.tsx
  • src/components/common/PromptDictationButton.tsx
  • src/components/panels/flashboard/FlashBoardRuntimeHost.tsx
  • src/stores/flashboardStore/
  • src/services/flashboard/FlashBoardMediaBridge.ts

Back to Index