@flytedan/flytebot-design-system 0.12.10 → 0.12.12

package/dist/index.d.cts

@@ -1939,18 +1939,18 @@ interface FilePickButtonProps extends Omit<DropzoneProps, "children" | "label" |
 }
 /** A file input behind any trigger. Resets between picks so re-picking the same file fires. */
 declare function FilePickButton({ onFiles, onReject, accept, maxFileSize, multiple, disabled, label, icon, className, children, }: FilePickButtonProps): React.JSX.Element;
-type FileUploadHandler = (file: File, onProgress: (pct: number) => void, signal?: AbortSignal) => Promise<{
-    url: string;
-    thumb?: {
-        url: string;
-    };
-} | void>;
+type FileUploadHandler = (file: File, onProgress: (pct: number) => void, signal?: AbortSignal) => Promise<Partial<Attachment> | void>;
 /**
  * Upload orchestration for a staged set of files: progress per file, per-file
  * errors, retry, and cancel — the same behaviour an upload field has.
  *
- * `upload(file, onProgress, signal)` must resolve to `{url, thumb?}` or throw.
- * Nothing here knows what a chat is; it is the app's upload handler that does.
+ * `upload(file, onProgress, signal)` must resolve to `Partial<Attachment>` (at
+ * least the server-assigned `id`, typically `url` and `thumb` too) or throw.
+ * When the result carries an `id`, it REPLACES the local staged id — the id a
+ * host sends onward (`ChatComposer.onSubmit`) is therefore always the id the
+ * server gave the file, never the client-local placeholder `toAttachment`
+ * minted. Nothing here knows what a chat is; it is the app's upload handler
+ * that does.
  */
 declare function useStagedFiles(upload?: FileUploadHandler, opts?: {
     onUploaded?: (a: Attachment) => void;
@@ -3370,6 +3370,54 @@ declare const TranscriptKit: {
     groupMessages: typeof groupMessages;
 };
 
+/** Kept modest on purpose: this is a PREVIEW, not a document viewer. A file past this
+ *  many characters still opens — it just shows its first slice, same as CodeBlock's own
+ *  line fold for a long file. */
+declare const FILE_VIEWER_TEXT_LIMIT = 500000;
+/** CSV/TSV render as a real table, which means real DOM rows — bounded for the same
+ *  reason a virtualized list is, just simpler: this is a preview, and a spreadsheet with
+ *  50,000 rows is what the "download" action is for. */
+declare const FILE_VIEWER_CSV_ROW_LIMIT = 500;
+/**
+ * A minimal, dependency-free delimited-text reader: quoted fields, `""` as an escaped
+ * quote inside one, and either line ending. Not a full RFC 4180 implementation — good
+ * enough for a bounded preview table, which is all this ever renders.
+ */
+declare function parseDelimited(text: string, delimiter: string): string[][];
+interface FileViewerProps {
+    file: Attachment;
+    /**
+     * Mints a short-lived URL for THIS file on demand — called once for the inline
+     * preview and again, separately, for a download. The component never reads
+     * `file.url` itself: production URLs are signed and expire in minutes, so the
+     * only correct URL is one just resolved for the disposition in hand.
+     */
+    resolveUrl: (disposition: "inline" | "attachment") => Promise<string>;
+    /**
+     * A companion panel — notes, metadata, associations, whatever the host wants
+     * beside the file. Generic on purpose: FileViewer has no idea what a "note" or
+     * a "campaign" is. Beside the preview when there's room, a tab next to Preview
+     * when there isn't. Omit it and there is no side panel and no tab bar at all.
+     */
+    sidePanel?: React.ReactNode;
+    /** Tab label / region name for `sidePanel`. Default "Details". */
+    sidePanelLabel?: string;
+    onClose?: () => void;
+    /** Extra controls beside the built-in Download action, e.g. a host's "Save to campaign". */
+    actions?: React.ReactNode;
+    className?: string;
+}
+/**
+ * A file preview with an optional companion side panel: image, PDF, text/markdown/JSON,
+ * a bounded CSV/TSV table, or an honest "no preview" fallback with the file's own
+ * metadata — plus download, close and a host action slot. Fully responsive: side by side
+ * with `sidePanel` while there's room, a tab next to Preview below a narrow width of its
+ * OWN container (a `@container` query, not the viewport — see the stylesheet), with
+ * exactly one scroll region per pane either way. Renders inside the kit's `Modal` or
+ * `Drawer`, or inline in a page — it has no opinion on how it got on screen.
+ */
+declare function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel, onClose, actions, className }: FileViewerProps): React.JSX.Element;
+
 interface TableQuery {
     /** 1-indexed. */
     page: number;
@@ -3642,4 +3690,4 @@ interface VersionStore<TState, TDiff = unknown> {
 }
 declare function createVersionStore<TState, TDiff = unknown>(initialState: TState, options?: CreateVersionStoreOptions<TState, TDiff>): VersionStore<TState, TDiff>;
 
-export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, ENTITY_ROW_METRIC_WIDTH, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, EntityRow, type EntityRowAction, type EntityRowContent, type EntityRowMetric, EntityRowMetrics, type EntityRowMetricsProps, type EntityRowProps, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, FilterBar, type FilterBarProps, type FilterField, type FilterFieldOption, type FilterFieldSelect, type FilterFieldText, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IMPORTANCE_LEVELS, IconButton, type IconButtonProps, type ImportanceLevel, type ImportanceLevelId, ImportanceTag, type ImportanceTagProps, type ImportanceTokens, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, POPOVER_BODY_MIN, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, type PreferenceCriterion, PreferenceMeter, type PreferenceMeterProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, ScoreMeter, type ScoreMeterProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, TransferList, type TransferListProps, type TransferListSide, type TransferListSideProps, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, VIRTUAL_LIST_BUFFER_ROWS, VIRTUAL_LIST_ROW_GAP, type VersionRecord, type VersionStore, VirtualList, type VirtualListProps, type VirtualLoadedBand, type VirtualWindow, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, computeNeedMore, computeVirtualWindow, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, importanceLevel, importanceTokens, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, pastedTextName, pluralizeUnit, preferenceScore, preferenceSegments, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };
+export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, ENTITY_ROW_METRIC_WIDTH, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, EntityRow, type EntityRowAction, type EntityRowContent, type EntityRowMetric, EntityRowMetrics, type EntityRowMetricsProps, type EntityRowProps, FILE_VIEWER_CSV_ROW_LIMIT, FILE_VIEWER_TEXT_LIMIT, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, FileViewer, type FileViewerProps, FilterBar, type FilterBarProps, type FilterField, type FilterFieldOption, type FilterFieldSelect, type FilterFieldText, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IMPORTANCE_LEVELS, IconButton, type IconButtonProps, type ImportanceLevel, type ImportanceLevelId, ImportanceTag, type ImportanceTagProps, type ImportanceTokens, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, POPOVER_BODY_MIN, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, type PreferenceCriterion, PreferenceMeter, type PreferenceMeterProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, ScoreMeter, type ScoreMeterProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, TransferList, type TransferListProps, type TransferListSide, type TransferListSideProps, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, VIRTUAL_LIST_BUFFER_ROWS, VIRTUAL_LIST_ROW_GAP, type VersionRecord, type VersionStore, VirtualList, type VirtualListProps, type VirtualLoadedBand, type VirtualWindow, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, computeNeedMore, computeVirtualWindow, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, importanceLevel, importanceTokens, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, parseDelimited, pastedTextName, pluralizeUnit, preferenceScore, preferenceSegments, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };

package/dist/index.d.ts

@@ -1939,18 +1939,18 @@ interface FilePickButtonProps extends Omit<DropzoneProps, "children" | "label" |
 }
 /** A file input behind any trigger. Resets between picks so re-picking the same file fires. */
 declare function FilePickButton({ onFiles, onReject, accept, maxFileSize, multiple, disabled, label, icon, className, children, }: FilePickButtonProps): React.JSX.Element;
-type FileUploadHandler = (file: File, onProgress: (pct: number) => void, signal?: AbortSignal) => Promise<{
-    url: string;
-    thumb?: {
-        url: string;
-    };
-} | void>;
+type FileUploadHandler = (file: File, onProgress: (pct: number) => void, signal?: AbortSignal) => Promise<Partial<Attachment> | void>;
 /**
  * Upload orchestration for a staged set of files: progress per file, per-file
  * errors, retry, and cancel — the same behaviour an upload field has.
  *
- * `upload(file, onProgress, signal)` must resolve to `{url, thumb?}` or throw.
- * Nothing here knows what a chat is; it is the app's upload handler that does.
+ * `upload(file, onProgress, signal)` must resolve to `Partial<Attachment>` (at
+ * least the server-assigned `id`, typically `url` and `thumb` too) or throw.
+ * When the result carries an `id`, it REPLACES the local staged id — the id a
+ * host sends onward (`ChatComposer.onSubmit`) is therefore always the id the
+ * server gave the file, never the client-local placeholder `toAttachment`
+ * minted. Nothing here knows what a chat is; it is the app's upload handler
+ * that does.
  */
 declare function useStagedFiles(upload?: FileUploadHandler, opts?: {
     onUploaded?: (a: Attachment) => void;
@@ -3370,6 +3370,54 @@ declare const TranscriptKit: {
     groupMessages: typeof groupMessages;
 };
 
+/** Kept modest on purpose: this is a PREVIEW, not a document viewer. A file past this
+ *  many characters still opens — it just shows its first slice, same as CodeBlock's own
+ *  line fold for a long file. */
+declare const FILE_VIEWER_TEXT_LIMIT = 500000;
+/** CSV/TSV render as a real table, which means real DOM rows — bounded for the same
+ *  reason a virtualized list is, just simpler: this is a preview, and a spreadsheet with
+ *  50,000 rows is what the "download" action is for. */
+declare const FILE_VIEWER_CSV_ROW_LIMIT = 500;
+/**
+ * A minimal, dependency-free delimited-text reader: quoted fields, `""` as an escaped
+ * quote inside one, and either line ending. Not a full RFC 4180 implementation — good
+ * enough for a bounded preview table, which is all this ever renders.
+ */
+declare function parseDelimited(text: string, delimiter: string): string[][];
+interface FileViewerProps {
+    file: Attachment;
+    /**
+     * Mints a short-lived URL for THIS file on demand — called once for the inline
+     * preview and again, separately, for a download. The component never reads
+     * `file.url` itself: production URLs are signed and expire in minutes, so the
+     * only correct URL is one just resolved for the disposition in hand.
+     */
+    resolveUrl: (disposition: "inline" | "attachment") => Promise<string>;
+    /**
+     * A companion panel — notes, metadata, associations, whatever the host wants
+     * beside the file. Generic on purpose: FileViewer has no idea what a "note" or
+     * a "campaign" is. Beside the preview when there's room, a tab next to Preview
+     * when there isn't. Omit it and there is no side panel and no tab bar at all.
+     */
+    sidePanel?: React.ReactNode;
+    /** Tab label / region name for `sidePanel`. Default "Details". */
+    sidePanelLabel?: string;
+    onClose?: () => void;
+    /** Extra controls beside the built-in Download action, e.g. a host's "Save to campaign". */
+    actions?: React.ReactNode;
+    className?: string;
+}
+/**
+ * A file preview with an optional companion side panel: image, PDF, text/markdown/JSON,
+ * a bounded CSV/TSV table, or an honest "no preview" fallback with the file's own
+ * metadata — plus download, close and a host action slot. Fully responsive: side by side
+ * with `sidePanel` while there's room, a tab next to Preview below a narrow width of its
+ * OWN container (a `@container` query, not the viewport — see the stylesheet), with
+ * exactly one scroll region per pane either way. Renders inside the kit's `Modal` or
+ * `Drawer`, or inline in a page — it has no opinion on how it got on screen.
+ */
+declare function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel, onClose, actions, className }: FileViewerProps): React.JSX.Element;
+
 interface TableQuery {
     /** 1-indexed. */
     page: number;
@@ -3642,4 +3690,4 @@ interface VersionStore<TState, TDiff = unknown> {
 }
 declare function createVersionStore<TState, TDiff = unknown>(initialState: TState, options?: CreateVersionStoreOptions<TState, TDiff>): VersionStore<TState, TDiff>;
 
-export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, ENTITY_ROW_METRIC_WIDTH, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, EntityRow, type EntityRowAction, type EntityRowContent, type EntityRowMetric, EntityRowMetrics, type EntityRowMetricsProps, type EntityRowProps, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, FilterBar, type FilterBarProps, type FilterField, type FilterFieldOption, type FilterFieldSelect, type FilterFieldText, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IMPORTANCE_LEVELS, IconButton, type IconButtonProps, type ImportanceLevel, type ImportanceLevelId, ImportanceTag, type ImportanceTagProps, type ImportanceTokens, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, POPOVER_BODY_MIN, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, type PreferenceCriterion, PreferenceMeter, type PreferenceMeterProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, ScoreMeter, type ScoreMeterProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, TransferList, type TransferListProps, type TransferListSide, type TransferListSideProps, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, VIRTUAL_LIST_BUFFER_ROWS, VIRTUAL_LIST_ROW_GAP, type VersionRecord, type VersionStore, VirtualList, type VirtualListProps, type VirtualLoadedBand, type VirtualWindow, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, computeNeedMore, computeVirtualWindow, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, importanceLevel, importanceTokens, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, pastedTextName, pluralizeUnit, preferenceScore, preferenceSegments, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };
+export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, ApiSpecBrowser, type ApiSpecBrowserProps, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, BudgetReallocator, type BudgetReallocatorProps, Button, type ButtonProps, CHANNELS, CHANNEL_WEIGHTS, CHAT_UNAVAILABLE, Calendar, type CalendarProps, Card, type CardProps, CardRow, type CardRowProps, ChannelContribution, type ChannelContributionChannel, type ChannelContributionProps, ChannelMeta, type ChannelMetaRecord, ChannelTag, type ChannelTagProps, ChannelWeightOf, type ChatAdapter, ChatComposer, type ChatComposerProps, type ChatEngine, type ChatEngineOptions, ChatKit, type ChatMessage, type ChatRenderContext, ChatSessionBar, type ChatSessionBarProps, ChatTranscript, type ChatTranscriptProps, ChatTurn, type ChatTurnProps, Checkbox, type CheckboxProps, type Citation, Citations, type CitationsProps, Clamp, type ClampProps, ClockFace, type ClockFaceProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ComingSoon, type ComingSoonProps, type ContextUsage, type CreateVersionStoreOptions, CsiBadge, type CsiBadgeProps, CsiHero, type CsiHeroProps, CsiMeter, type CsiMeterProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DeviceSession, DiffBlock, type DiffBlockProps, Drawer, type DrawerProps, Dropzone, DropzoneKit, type DropzoneProps, ENTITY_ROW_METRIC_WIDTH, type EditorTrigger, EmptyState, type EmptyStateProps, type EndpointSpec, EntityRow, type EntityRowAction, type EntityRowContent, type EntityRowMetric, EntityRowMetrics, type EntityRowMetricsProps, type EntityRowProps, FILE_VIEWER_CSV_ROW_LIMIT, FILE_VIEWER_TEXT_LIMIT, FeatureGate, type FeatureGateProps, type FeatureStatus, FileChip, type FileChipProps, FileGrid, type FileGridProps, FileKit, FilePickButton, type FilePickButtonProps, type FileRejection, FileStrip, type FileStripProps, FileTile, type FileTileProps, type FileUploadHandler, FileViewer, type FileViewerProps, FilterBar, type FilterBarProps, type FilterField, type FilterFieldOption, type FilterFieldSelect, type FilterFieldText, Flag$1 as Flag, type FlagExplanation, type FlagProps, FlytedeskBrand, type FlytedeskBrandProps, FlytedeskMark, type FlytedeskMarkProps, FormatEta, Gate, type GateProps, IMPORTANCE_LEVELS, IconButton, type IconButtonProps, type ImportanceLevel, type ImportanceLevelId, ImportanceTag, type ImportanceTagProps, type ImportanceTokens, Input, type InputProps, type JobStatus, Json, KeyHint, type KeyHintProps, type ListEnvelope, LoadingRegion, type LoadingRegionProps, Markdown, MarkdownEditor, type MarkdownEditorHandle, type MarkdownEditorProps, MarkdownInline, type MarkdownProps, type MentionSource, Menu, MenuButton, type MenuButtonProps, type MenuItem, type MenuProps, MessageBody, type MessageBodyProps, type MessageGroup, Meter, type MeterProps, type MeterSegment, type MeterSegmentInput, MixGap, type MixGapProps, type MixGapRow, MockJobKit, type MockJobStatus, Modal, type ModalProps, ModeSwitch, type ModeSwitchProps, type Model, ModelControls, type ModelControlsProps, NumberInput, type NumberInputProps, POPOVER_BODY_MIN, type Packet, PacketCard, type PacketCardProps, type PacketSchema, type Pager, Pagination, type PaginationProps, PermissionDenied, type PermissionDeniedProps, type PermissionGroup, PermissionHint, type PermissionItem, type Placement, type PollOptions, Popover, type PopoverProps, type PreferenceCriterion, PreferenceMeter, type PreferenceMeterProps, ProfilePage, type ProfilePageProps, ProgressBar, type ProgressBarProps, QueryKit, type QueuedTurn, QuotaRow, type QuotaRowProps, Radio, type RadioProps, RangeSlider, type RangeSliderProps, RelativeTime, type RelativeTimeProps, type RoadmapItem, type RoadmapResult, RoadmapTimeline, type RoadmapTimelineProps, type Role, RunActions, type RunActionsProps, type RunConfig, RuntimeKit, type RuntimeSummary, SaturationDistribution, type SaturationDistributionCampus, type SaturationDistributionProps, ScoreMeter, type ScoreMeterProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type Flag as SessionFlag, SessionKit, type SessionStats, SidebarNav, type SidebarNavItem, type SidebarNavProps, Skeleton, type SkeletonProps, SkeletonText, type SkeletonTextProps, type SlashCommand, Slider, type SliderProps, SortMenu, type SortMenuField, type SortMenuProps, type SpecModule, Spinner, type SpinnerProps, StatTile, type StatTileProps, type Step, StepList, type StepListProps, type StreamHandlers, type Suggestion, SurroundSound, type SurroundSoundProps, Switch, type SwitchProps, type TableQuery, Tabs, type TabsProps, Tag, type TagProps, TestModeBar, type TestModeBarProps, Textarea, type TextareaProps, ThinkingBlock, type ThinkingBlockProps, type ThreadSummary, TimePicker, type TimePickerProps, Toast, type ToastProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, TranscriptKit, TransferList, type TransferListProps, type TransferListSide, type TransferListSideProps, type UsageLimit, UseFeatureStatus, UseRuntimeMode, type UseServerTableOptions, type User, VIRTUAL_LIST_BUFFER_ROWS, VIRTUAL_LIST_ROW_GAP, type VersionRecord, type VersionStore, VirtualList, type VirtualListProps, type VirtualLoadedBand, type VirtualWindow, type VoiceHandler, acceptMatches, anyOfFilter, channelWeightOf, computeNeedMore, computeVirtualWindow, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, importanceLevel, importanceTokens, isImage, isSystemMessage, jobBucket, languageLabel, markdownToText, meterFormats, modifierLabel, parseDelimited, pastedTextName, pluralizeUnit, preferenceScore, preferenceSegments, rangeFilter, revokeAttachment, toAttachment, tokenize, useChatEngine, useFeatureStatus, usePopoverPosition, useRuntimeMode, useServerTable, useStagedFiles, visibleMessages };

package/dist/index.js

@@ -2955,13 +2955,15 @@ function EntityRow({
       onPointerDown,
       className: ["fd-erow", tone === "danger" ? "fd-erow-danger" : "", className].filter(Boolean).join(" "),
       style: {
-        // display/alignItems/gap moved to the .fd-erow stylesheet rule (MP-114
-        // follow-up): an inline style always wins over a stylesheet rule regardless of
-        // specificity or media/container query, which would have made it impossible
-        // for the narrow-container rule below to ever switch this row from a flex row
-        // to a grid (see that rule's own comment for why it needs to).
+        // display/alignItems/gap/padding moved to the .fd-erow stylesheet rule
+        // (MP-114 follow-ups): an inline style always wins over a stylesheet rule
+        // regardless of specificity or media/container query, which would have made
+        // it impossible for the narrow-container rule below to ever switch this row
+        // from a flex row to a grid — and padding specifically is also read back by
+        // .fd-tlist-footer's own indent calc(), as --erow-pad-x, so it has to be a
+        // real, readable stylesheet value rather than a number only this component
+        // ever sees.
         height: "100%",
-        padding: "0 12px",
         cursor: draggable ? "grab" : void 0,
         // Own the gesture on touch too — without this, a touch-drag on a draggable row
         // starts the page scrolling instead of (or as well as) the pointer drag.
@@ -2969,7 +2971,12 @@ function EntityRow({
         ...style
       },
       children: [
-        draggable ? /* @__PURE__ */ jsx39("i", { className: "ph ph-dots-six-vertical fd-erow-grip", "aria-hidden": "true", style: { fontSize: 14, flex: "none", color: "var(--text-muted)" } }) : null,
+        draggable ? (
+          // font-size moved to the .fd-erow-grip stylesheet rule, same reason as the
+          // row's own padding above: .fd-tlist-footer's indent reads it back as
+          // --erow-grip-size.
+          /* @__PURE__ */ jsx39("i", { className: "ph ph-dots-six-vertical fd-erow-grip", "aria-hidden": "true", style: { flex: "none", color: "var(--text-muted)" } })
+        ) : null,
         /* @__PURE__ */ jsxs36("span", { className: "fd-erow-body", children: [
           /* @__PURE__ */ jsxs36("span", { className: "fd-erow-titleline", children: [
             titleIcon ? /* @__PURE__ */ jsx39(Tooltip, { label: titleIcon.tooltip, children: /* @__PURE__ */ jsxs36(
@@ -4461,7 +4468,7 @@ function useStagedFiles(upload, opts) {
     patch(att.id, { progress: 0, error: void 0 });
     Promise.resolve().then(() => upload(att.file, (p) => patch(att.id, { progress: Math.max(0, Math.min(99, p)) }), ac ? ac.signal : void 0)).then((res) => {
       const r = res || {};
-      patch(att.id, { progress: 100, url: r.url || att.url, thumb: r.thumb || att.thumb, error: void 0, remote: true });
+      patch(att.id, Object.assign({}, r, { id: r.id || att.id, progress: 100, error: void 0 }));
       o.onUploaded && o.onUploaded(att);
     }).catch((err) => {
       if (ac && ac.signal.aborted) return;
@@ -9457,7 +9464,9 @@ function ChatComposer({
   const submit = () => {
     if (!canSend) return;
     onSubmit(text.trim(), staged.items.map((f) => {
-      const { file: _file, ...rest } = f;
+      const { file, blobUrl, ...rest } = f;
+      void file;
+      void blobUrl;
       return rest;
     }));
     change("");
@@ -10152,8 +10161,219 @@ function AgentChatPanel({
   );
 }
 
-// src/kits/query.ts
+// src/components/files/FileViewer.tsx
 import * as React47 from "react";
+import { jsx as jsx77, jsxs as jsxs73 } from "react/jsx-runtime";
+function previewKindOf(file) {
+  const mime = (file.mime || "").toLowerCase();
+  const ext = extensionOf(file.name || "");
+  if (isImage(mime, file.name)) return "image";
+  if (mime === "application/pdf" || ext === "pdf") return "pdf";
+  if (mime === "text/markdown" || ext === "md" || ext === "markdown") return "markdown";
+  if (mime === "application/json" || ext === "json") return "json";
+  if (mime === "text/csv" || mime === "text/tab-separated-values" || ext === "csv" || ext === "tsv") return "csv";
+  if (mime.startsWith("text/") || ext === "txt" || ext === "log") return "text";
+  return "none";
+}
+var FILE_VIEWER_TEXT_LIMIT = 5e5;
+var FILE_VIEWER_CSV_ROW_LIMIT = 500;
+function parseDelimited(text, delimiter) {
+  const rows = [];
+  let row = [];
+  let field = "";
+  let inQuotes = false;
+  for (let i = 0; i < text.length; i++) {
+    const c = text[i];
+    if (inQuotes) {
+      if (c === '"') {
+        if (text[i + 1] === '"') {
+          field += '"';
+          i++;
+        } else inQuotes = false;
+      } else field += c;
+      continue;
+    }
+    if (c === '"') {
+      inQuotes = true;
+      continue;
+    }
+    if (c === delimiter) {
+      row.push(field);
+      field = "";
+      continue;
+    }
+    if (c === "\n") {
+      row.push(field);
+      rows.push(row);
+      row = [];
+      field = "";
+      continue;
+    }
+    if (c === "\r") continue;
+    field += c;
+  }
+  if (field.length || row.length) {
+    row.push(field);
+    rows.push(row);
+  }
+  return rows;
+}
+function usePreview(file, kind, resolveUrl) {
+  const [state, setState] = React47.useState({ status: "loading" });
+  const [attempt, setAttempt] = React47.useState(0);
+  const resolveRef = React47.useRef(resolveUrl);
+  React47.useEffect(() => {
+    resolveRef.current = resolveUrl;
+  }, [resolveUrl]);
+  React47.useEffect(() => {
+    if (kind === "none") {
+      setState({ status: "ready" });
+      return;
+    }
+    let dead = false;
+    const ac = typeof AbortController !== "undefined" ? new AbortController() : void 0;
+    setState({ status: "loading" });
+    resolveRef.current("inline").then((url) => {
+      if (dead) return void 0;
+      if (kind === "image" || kind === "pdf") {
+        setState({ status: "ready", url });
+        return void 0;
+      }
+      return fetch(url, ac ? { signal: ac.signal } : void 0).then((res) => {
+        if (!res.ok) throw new Error("The preview didn't load (" + res.status + ").");
+        return res.text();
+      }).then((body) => {
+        if (dead) return;
+        setState({ status: "ready", url, text: body.length > FILE_VIEWER_TEXT_LIMIT ? body.slice(0, FILE_VIEWER_TEXT_LIMIT) : body });
+      });
+    }).catch((err) => {
+      if (dead || ac && ac.signal.aborted) return;
+      setState({ status: "error", error: err && err.message || "The preview didn't load." });
+    });
+    return () => {
+      dead = true;
+      if (ac) ac.abort();
+    };
+  }, [file.id, kind, attempt]);
+  return { ...state, retry: React47.useCallback(() => setAttempt((a) => a + 1), []) };
+}
+function PreviewBody({ file, kind, state }) {
+  if (kind === "image") return /* @__PURE__ */ jsx77("img", { className: "fd-fv-image", src: state.url, alt: file.name || "Preview" });
+  if (kind === "pdf") return /* @__PURE__ */ jsx77("iframe", { className: "fd-fv-pdf", src: state.url, title: file.name || "PDF preview" });
+  if (kind === "markdown") return /* @__PURE__ */ jsx77(Markdown, { className: "fd-fv-markdown", source: state.text || "" });
+  if (kind === "json") {
+    let pretty = state.text || "";
+    try {
+      pretty = JSON.stringify(JSON.parse(pretty), null, 2);
+    } catch {
+    }
+    return /* @__PURE__ */ jsx77(CodeBlock, { code: pretty, language: "json" });
+  }
+  if (kind === "csv") {
+    const tsv = extensionOf(file.name || "") === "tsv" || (file.mime || "").toLowerCase().includes("tab-separated");
+    const rows = parseDelimited(state.text || "", tsv ? "	" : ",").filter((r) => r.length > 1 || r[0] !== "");
+    const head = rows[0] || [];
+    const dataRows = rows.slice(1);
+    const shown = dataRows.slice(0, FILE_VIEWER_CSV_ROW_LIMIT);
+    return /* @__PURE__ */ jsxs73("div", { className: "fd-fv-csv", children: [
+      /* @__PURE__ */ jsxs73("table", { className: "fd-fv-csv-table", children: [
+        /* @__PURE__ */ jsx77("thead", { children: /* @__PURE__ */ jsx77("tr", { children: head.map((c, i) => /* @__PURE__ */ jsx77("th", { children: c }, i)) }) }),
+        /* @__PURE__ */ jsx77("tbody", { children: shown.map((r, ri) => /* @__PURE__ */ jsx77("tr", { children: head.map((_, ci) => /* @__PURE__ */ jsx77("td", { children: r[ci] ?? "" }, ci)) }, ri)) })
+      ] }),
+      dataRows.length > FILE_VIEWER_CSV_ROW_LIMIT ? /* @__PURE__ */ jsxs73("p", { className: "fd-fv-csv-note fd-body-sm fd-muted", children: [
+        "Showing the first ",
+        FILE_VIEWER_CSV_ROW_LIMIT.toLocaleString(),
+        " of ",
+        dataRows.length.toLocaleString(),
+        " rows."
+      ] }) : null
+    ] });
+  }
+  if (kind === "text") return /* @__PURE__ */ jsx77(CodeBlock, { code: state.text || "", language: extensionOf(file.name || "") || void 0 });
+  return /* @__PURE__ */ jsxs73("div", { className: "fd-fv-fallback", children: [
+    /* @__PURE__ */ jsx77("span", { className: "fd-fv-fallback-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx77("i", { className: "ph ph-" + iconForMime(file.mime, file.name) }) }),
+    /* @__PURE__ */ jsx77("span", { className: "fd-fv-fallback-title", children: "No preview available" }),
+    /* @__PURE__ */ jsxs73("span", { className: "fd-fv-fallback-meta", children: [
+      file.mime || "Unknown type",
+      file.size ? " \xB7 " + formatBytes(file.size) : ""
+    ] })
+  ] });
+}
+function FileViewer({ file, resolveUrl, sidePanel, sidePanelLabel = "Details", onClose, actions, className = "" }) {
+  const kind = React47.useMemo(() => previewKindOf(file), [file]);
+  const preview = usePreview(file, kind, resolveUrl);
+  const [tab, setTab] = React47.useState("preview");
+  const [downloading, setDownloading] = React47.useState(false);
+  const [downloadError, setDownloadError] = React47.useState(null);
+  const hasSide = sidePanel != null;
+  React47.useEffect(() => {
+    setTab("preview");
+  }, [file.id]);
+  const download = () => {
+    setDownloading(true);
+    setDownloadError(null);
+    resolveUrl("attachment").then((url) => {
+      const a = document.createElement("a");
+      a.href = url;
+      a.rel = "noopener";
+      a.download = file.name || "";
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+    }).catch((err) => setDownloadError(err && err.message || "Download failed.")).finally(() => setDownloading(false));
+  };
+  return /* @__PURE__ */ jsxs73(
+    "section",
+    {
+      className: ["fd-fv", hasSide && tab === "side" ? "is-tab-side" : "is-tab-preview", className].filter(Boolean).join(" "),
+      "aria-label": file.name || "File",
+      children: [
+        /* @__PURE__ */ jsxs73("header", { className: "fd-fv-head", children: [
+          /* @__PURE__ */ jsx77("span", { className: "fd-fv-head-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx77("i", { className: "ph ph-" + iconForMime(file.mime, file.name) }) }),
+          /* @__PURE__ */ jsxs73("span", { className: "fd-fv-head-titles", children: [
+            /* @__PURE__ */ jsx77("span", { className: "fd-fv-head-title", title: file.name, children: file.name }),
+            /* @__PURE__ */ jsxs73("span", { className: "fd-fv-head-meta", children: [
+              file.mime || "Unknown type",
+              file.size ? " \xB7 " + formatBytes(file.size) : ""
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs73("span", { className: "fd-fv-head-actions", children: [
+            actions,
+            /* @__PURE__ */ jsx77(Button, { variant: "secondary", size: "sm", icon: "download-simple", loading: downloading, onClick: download, children: "Download" }),
+            onClose ? /* @__PURE__ */ jsx77(IconButton, { icon: "x", label: "Close", onClick: onClose }) : null
+          ] })
+        ] }),
+        downloadError ? /* @__PURE__ */ jsx77("div", { className: "fd-fv-download-error", role: "alert", children: downloadError }) : null,
+        hasSide ? /* @__PURE__ */ jsx77(
+          Tabs,
+          {
+            className: "fd-fv-tabs",
+            tabs: [{ value: "preview", label: "Preview" }, { value: "side", label: sidePanelLabel }],
+            value: tab,
+            onChange: (v) => setTab(v)
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs73("div", { className: "fd-fv-body", children: [
+          /* @__PURE__ */ jsx77("div", { className: "fd-fv-preview", role: "region", "aria-label": "Preview of " + (file.name || "file"), children: /* @__PURE__ */ jsx77(
+            LoadingRegion,
+            {
+              state: preview.status === "loading" ? "loading" : preview.status === "error" ? "error" : "ready",
+              error: preview.error,
+              label: "Loading preview of " + (file.name || "file"),
+              onRetry: preview.status === "error" ? preview.retry : void 0,
+              skeleton: /* @__PURE__ */ jsx77(Skeleton, { shape: "card", h: 220 }),
+              children: /* @__PURE__ */ jsx77(PreviewBody, { file, kind, state: preview })
+            }
+          ) }),
+          hasSide ? /* @__PURE__ */ jsx77("div", { className: "fd-fv-side", role: "region", "aria-label": sidePanelLabel, children: sidePanel }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/kits/query.ts
+import * as React48 from "react";
 function eqFilter(get2) {
   return (row, value) => Array.isArray(value) ? value.includes(get2(row)) : get2(row) === value;
 }
@@ -10185,22 +10405,22 @@ function compare(a, b, dir) {
 var API = null;
 var PREFS = null;
 function useServerTable({ endpoint, params, defaults, deps, prefsKey }) {
-  const [query, setQuery] = React47.useState(() => {
+  const [query, setQuery] = React48.useState(() => {
     const store = PREFS || window.PlannerPrefs;
     const saved = prefsKey && store ? store.getTable(prefsKey) : {};
     return { ...DEFAULTS, ...defaults || {}, ...saved.pageSize ? { pageSize: saved.pageSize } : {}, ...saved.sort ? { sort: saved.sort, dir: saved.dir || "desc" } : {} };
   });
-  const savePref = React47.useCallback((patch2) => {
+  const savePref = React48.useCallback((patch2) => {
     const store = PREFS || window.PlannerPrefs;
     if (prefsKey && store) store.setTable(prefsKey, patch2);
   }, [prefsKey]);
-  const [res, setRes] = React47.useState(null);
-  const [loading, setLoading] = React47.useState(true);
-  const seq2 = React47.useRef(0);
+  const [res, setRes] = React48.useState(null);
+  const [loading, setLoading] = React48.useState(true);
+  const seq2 = React48.useRef(0);
   const depKey = (deps || []).join("|");
   const paramKey = JSON.stringify(params || {});
   const queryKey = JSON.stringify(query);
-  React47.useEffect(() => {
+  React48.useEffect(() => {
     const id = ++seq2.current;
     setLoading(true);
     const t = setTimeout(() => {
@@ -10541,6 +10761,8 @@ export {
   EmptyState,
   EntityRow,
   EntityRowMetrics,
+  FILE_VIEWER_CSV_ROW_LIMIT,
+  FILE_VIEWER_TEXT_LIMIT,
   FeatureGate,
   FileChip,
   FileGrid,
@@ -10548,6 +10770,7 @@ export {
   FilePickButton,
   FileStrip,
   FileTile,
+  FileViewer,
   FilterBar,
   Flag,
   FlytedeskBrand,
@@ -10652,6 +10875,7 @@ export {
   markdownToText,
   meterFormats,
   modifierLabel,
+  parseDelimited,
   pastedTextName,
   pluralizeUnit,
   preferenceScore,