newOS for Developers

Back to Overview

Folder

output1218 linesPlayground

Primary container for moods/spaces. Provides FolderContext, handles layouts, flow settings, and file uploads.

Source Path
apps/web/Components/Model/folder/Folder.tsx
Components

Folder, _Folder, FolderContext

Props Interface

{
  id: string;                    // Folder/Mood ID
  mode?: FolderStates;           // "chat" | "grid" | "list" etc.
  showSidebar?: boolean;         // Show drawer sidebar
  height?: string | number;      // Container height
  noFlows?: boolean;             // Disable flow picker
  noUserCard?: boolean;          // Hide user card
  starter?: string;              // Initial prompt
}

Data Flow

readFolder({ id }) — Fetches folder metadata
current() — Gets authenticated user

Key Features

Flow Settings Provider

Wraps in FlowSettingsProvider

Responsive Layout

Collapsible sidebar with chat history

Drag & Drop Uploads

File drag-drop via UploadWithPreviews

Related Components

ChatInputuseFlowSettings
View source on GitHub →