@flytedan/flytebot-design-system 0.17.1 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/favicon.ico +0 -0
- package/dist/index.cjs +2165 -1808
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +194 -35
- package/dist/index.d.ts +194 -35
- package/dist/index.js +2139 -1791
- package/dist/index.js.map +1 -1
- package/package.json +5 -3
package/dist/index.d.cts
CHANGED
|
@@ -254,6 +254,14 @@ interface SegmentedControlProps {
|
|
|
254
254
|
}
|
|
255
255
|
declare function SegmentedControl({ options, value, onChange, className, ...rest }: SegmentedControlProps): React.JSX.Element;
|
|
256
256
|
|
|
257
|
+
interface AnchoredPopoverProps {
|
|
258
|
+
rect: DOMRect | null;
|
|
259
|
+
width?: number;
|
|
260
|
+
onClose: () => void;
|
|
261
|
+
children: React.ReactNode;
|
|
262
|
+
}
|
|
263
|
+
declare function AnchoredPopover({ rect, width, onClose, children }: AnchoredPopoverProps): React.ReactPortal | null;
|
|
264
|
+
|
|
257
265
|
/**
|
|
258
266
|
* The container. White, 12px radius, hairline border, low soft shadow, and a
|
|
259
267
|
* divider under the header — that divider is the signature detail on flytedesk.com.
|
|
@@ -310,7 +318,10 @@ interface DrawerProps {
|
|
|
310
318
|
}
|
|
311
319
|
declare function Drawer({ open, title, onClose, footer, children, className, ...rest }: DrawerProps): React.ReactPortal | null;
|
|
312
320
|
|
|
313
|
-
/** A focused decision on a scrim. Max 560px, 760 with `wide` for data. Escape closes.
|
|
321
|
+
/** A focused decision on a scrim. Max 560px, 760 with `wide` for data. Escape closes.
|
|
322
|
+
* MP-212: traps Tab/Shift+Tab inside the dialog box and returns focus to the opener on
|
|
323
|
+
* close, via the design system's shared `useFocusTrap` (the same hook `useResponsiveRail`
|
|
324
|
+
* uses) — one focus-trap implementation, reused rather than hand-rolled a second time. */
|
|
314
325
|
interface ModalProps {
|
|
315
326
|
open?: boolean;
|
|
316
327
|
title?: React.ReactNode;
|
|
@@ -325,6 +336,14 @@ interface ModalProps {
|
|
|
325
336
|
}
|
|
326
337
|
declare function Modal({ open, title, description, onClose, footer, wide, children, className, ...rest }: ModalProps): React.ReactPortal | null;
|
|
327
338
|
|
|
339
|
+
interface ScreenHeadProps {
|
|
340
|
+
kicker?: string;
|
|
341
|
+
title: string;
|
|
342
|
+
lede?: string;
|
|
343
|
+
actions?: React.ReactNode;
|
|
344
|
+
}
|
|
345
|
+
declare function ScreenHead({ kicker, title, lede, actions }: ScreenHeadProps): React.JSX.Element;
|
|
346
|
+
|
|
328
347
|
/**
|
|
329
348
|
* The async contract for one region of a screen. Four states, one component:
|
|
330
349
|
* loading (skeleton), refreshing (previous data stays visible, dimmed and inert),
|
|
@@ -418,38 +437,6 @@ interface SidebarNavProps {
|
|
|
418
437
|
}
|
|
419
438
|
declare const SidebarNav: React.ForwardRefExoticComponent<SidebarNavProps & React.RefAttributes<HTMLElement>>;
|
|
420
439
|
|
|
421
|
-
interface FlytedeskMarkProps {
|
|
422
|
-
size?: "sm" | "md" | "lg";
|
|
423
|
-
className?: string;
|
|
424
|
-
}
|
|
425
|
-
/** Just the flytedesk logo, no label — for contexts too small for a stacked brand
|
|
426
|
-
* (a collapsed rail, a favicon-sized corner mark). */
|
|
427
|
-
declare function FlytedeskMark({ size, className, ...rest }: FlytedeskMarkProps): React.JSX.Element;
|
|
428
|
-
interface FlytedeskBrandProps {
|
|
429
|
-
/** The consuming app's name, shown under the logo — e.g. "Media Planner", "Admin". */
|
|
430
|
-
appName: string;
|
|
431
|
-
size?: "sm" | "md" | "lg";
|
|
432
|
-
className?: string;
|
|
433
|
-
}
|
|
434
|
-
/** The flytedesk logo stacked over the app's name — meant to drop straight into
|
|
435
|
-
* SidebarNav's `brand` slot in every flytedesk app. */
|
|
436
|
-
declare function FlytedeskBrand({ appName, size, className, ...rest }: FlytedeskBrandProps): React.JSX.Element;
|
|
437
|
-
|
|
438
|
-
/**
|
|
439
|
-
* Places within one screen. Underline only — no pill tabs in the product.
|
|
440
|
-
*/
|
|
441
|
-
interface TabsProps {
|
|
442
|
-
tabs: Array<string | {
|
|
443
|
-
value: string;
|
|
444
|
-
label: string;
|
|
445
|
-
count?: number;
|
|
446
|
-
}>;
|
|
447
|
-
value?: string;
|
|
448
|
-
onChange?: (value: string) => void;
|
|
449
|
-
className?: string;
|
|
450
|
-
}
|
|
451
|
-
declare function Tabs({ tabs, value, onChange, className, ...rest }: TabsProps): React.JSX.Element;
|
|
452
|
-
|
|
453
440
|
/** 60px app header: breadcrumb left, actions right, and a 2px route loader along its top edge. */
|
|
454
441
|
interface TopbarProps {
|
|
455
442
|
/** A non-last crumb with `onClick` calls it (via `preventDefault`) instead of following
|
|
@@ -483,6 +470,139 @@ interface TopbarProps {
|
|
|
483
470
|
}
|
|
484
471
|
declare function Topbar({ crumbs, actions, overflowActions, overflowBreakpoint, loading, onMenu, className, ...rest }: TopbarProps): React.JSX.Element;
|
|
485
472
|
|
|
473
|
+
/**
|
|
474
|
+
* MP-221: the Topbar + SidebarNav + useResponsiveRail composition every flytedesk app
|
|
475
|
+
* shell hand-assembled — the full-height flex column, the rail/content flex row, the
|
|
476
|
+
* scrim, the overlay-close-on-navigate wiring and the centered, max-width content
|
|
477
|
+
* column — lived three times over (media-planner's PlannerShell, sms-app's Shell, and
|
|
478
|
+
* this package's own SidebarNav docs demo, which told every new app to copy it). The
|
|
479
|
+
* design of this API reads BOTH real compositions (PlannerShell.tsx, Shell.tsx): a
|
|
480
|
+
* plain "app passes nav items + identity + actions" shape covers everything the two
|
|
481
|
+
* shared, and each of PlannerShell's app-specific extras (the command palette,
|
|
482
|
+
* TestModeBar/RolePreviewBar, the assistant panel, Dev tools) stays out of it, reached
|
|
483
|
+
* instead through `banner` and `trailingPanel`, or rendered around AppShell entirely.
|
|
484
|
+
*
|
|
485
|
+
* `useResponsiveRail` itself (overlay-vs-docked detection, Escape, focus trap/return,
|
|
486
|
+
* body scroll lock) is unchanged and still exported on its own — AppShell only owns
|
|
487
|
+
* wiring it to a real SidebarNav/Topbar/scrim so no app has to re-wire it by hand.
|
|
488
|
+
*/
|
|
489
|
+
interface AppShellProps {
|
|
490
|
+
/** Rendered in SidebarNav's fixed-height brand row (e.g. FlytedeskBrand/FlytedeskMark,
|
|
491
|
+
* optionally wrapped in a "go home" button — that wrapping is app behaviour, not
|
|
492
|
+
* something AppShell can supply generically). */
|
|
493
|
+
brand?: React.ReactNode;
|
|
494
|
+
/** SidebarNav's groups. */
|
|
495
|
+
navGroups: Array<{
|
|
496
|
+
label?: string;
|
|
497
|
+
items: SidebarNavItem[];
|
|
498
|
+
}>;
|
|
499
|
+
/** The active item's value, matched against each item's own `value`. */
|
|
500
|
+
currentNav?: string;
|
|
501
|
+
/** Called with an item's value when it's clicked. AppShell closes the rail itself
|
|
502
|
+
* first when it's an overlay — an app never has to remember that half of the wiring. */
|
|
503
|
+
onNavigate: (value: string) => void;
|
|
504
|
+
/** SidebarNav's footer slot (e.g. media-planner's "Jump to… ⌘K" trigger). */
|
|
505
|
+
navFooter?: React.ReactNode;
|
|
506
|
+
/** The rail's open state on first render while docked — the seam for an app's own
|
|
507
|
+
* persisted desktop preference (e.g. a `usePref`-backed value). Ignored while the
|
|
508
|
+
* initial viewport is already in overlay range, which always starts closed. */
|
|
509
|
+
initialNavOpen?: boolean;
|
|
510
|
+
/** Called with the new open state whenever it changes while docked — an app's hook
|
|
511
|
+
* into persisting `initialNavOpen`. Never called for a transient overlay open/close. */
|
|
512
|
+
onNavOpenChange?: (open: boolean) => void;
|
|
513
|
+
/** Max-width (px) at which the rail becomes a scrimmed overlay instead of a docked
|
|
514
|
+
* column. Must match the design system's own `.fd-side` breakpoint (default 1024)
|
|
515
|
+
* unless an app's own CSS overrides that breakpoint too. */
|
|
516
|
+
railBreakpoint?: number;
|
|
517
|
+
/** Topbar's breadcrumbs. */
|
|
518
|
+
crumbs?: TopbarProps["crumbs"];
|
|
519
|
+
/** Shows Topbar's route-loading indicator along its top edge. */
|
|
520
|
+
loading?: boolean;
|
|
521
|
+
/** Topbar's never-collapsing slot — the one control every screen needs to keep
|
|
522
|
+
* directly reachable, typically the AccountMenu. */
|
|
523
|
+
actions: React.ReactNode;
|
|
524
|
+
/** Topbar's slot that collapses into a "More actions" menu under `overflowBreakpoint`
|
|
525
|
+
* (an assistant launcher, AppearanceMenu, a version badge, Dev tools, undo, …). */
|
|
526
|
+
overflowActions?: React.ReactNode;
|
|
527
|
+
overflowBreakpoint?: number;
|
|
528
|
+
/** A full-width band rendered above the rail/content row, outside the scrollable
|
|
529
|
+
* content column — e.g. a test-mode or role-preview banner. Omit for none. */
|
|
530
|
+
banner?: React.ReactNode;
|
|
531
|
+
/** A third flex sibling rendered after the main content column (e.g. an assistant
|
|
532
|
+
* side panel that goes full-screen below the same breakpoint the rail does). Called
|
|
533
|
+
* with the rail's own `overlay` flag so a panel that needs its own scrim/stacking at
|
|
534
|
+
* that width can key off the same breakpoint AppShell already computed, rather than
|
|
535
|
+
* re-deriving it. */
|
|
536
|
+
trailingPanel?: (ctx: {
|
|
537
|
+
overlay: boolean;
|
|
538
|
+
}) => React.ReactNode;
|
|
539
|
+
/** Max width (px) of the centered content column. Default 1440 — every current
|
|
540
|
+
* flytedesk app shell's own value. */
|
|
541
|
+
contentMaxWidth?: number;
|
|
542
|
+
/** The shell's own height. Default `"100vh"`, correct for the real, top-level use
|
|
543
|
+
* every app mounts this at. A demo or preview embedding AppShell inside a bounded
|
|
544
|
+
* container (this package's own docs site) passes e.g. `"100%"` instead. */
|
|
545
|
+
height?: string | number;
|
|
546
|
+
/** Extra class name on the content column (e.g. media-planner's container-query
|
|
547
|
+
* class for its own responsive grids). */
|
|
548
|
+
contentClassName?: string;
|
|
549
|
+
className?: string;
|
|
550
|
+
/** The routed screen content, rendered inside the padded, centered content column. */
|
|
551
|
+
children: React.ReactNode;
|
|
552
|
+
}
|
|
553
|
+
declare function AppShell({ brand, navGroups, currentNav, onNavigate, navFooter, initialNavOpen, onNavOpenChange, railBreakpoint, crumbs, loading, actions, overflowActions, overflowBreakpoint, banner, trailingPanel, contentMaxWidth, height, contentClassName, className, children, }: AppShellProps): React.JSX.Element;
|
|
554
|
+
|
|
555
|
+
interface FlytedeskMarkProps {
|
|
556
|
+
size?: "sm" | "md" | "lg";
|
|
557
|
+
className?: string;
|
|
558
|
+
}
|
|
559
|
+
/** Just the flytedesk logo, no label — for contexts too small for a stacked brand
|
|
560
|
+
* (a collapsed rail, a favicon-sized corner mark). */
|
|
561
|
+
declare function FlytedeskMark({ size, className, ...rest }: FlytedeskMarkProps): React.JSX.Element;
|
|
562
|
+
interface FlytedeskBrandProps {
|
|
563
|
+
/** The consuming app's name, shown under the logo — e.g. "Media Planner", "Admin". */
|
|
564
|
+
appName: string;
|
|
565
|
+
size?: "sm" | "md" | "lg";
|
|
566
|
+
className?: string;
|
|
567
|
+
}
|
|
568
|
+
/** The flytedesk logo stacked over the app's name — meant to drop straight into
|
|
569
|
+
* SidebarNav's `brand` slot in every flytedesk app. */
|
|
570
|
+
declare function FlytedeskBrand({ appName, size, className, ...rest }: FlytedeskBrandProps): React.JSX.Element;
|
|
571
|
+
/**
|
|
572
|
+
* MP-221: the Flytedesk favicon — the exact `.ico` media-planner and sms-app both
|
|
573
|
+
* shipped as a byte-identical copy in `apps/web/public/favicon.ico` (SMS-5 gate
|
|
574
|
+
* review) — now ships as a real file in this package, at `assets/favicon.ico`
|
|
575
|
+
* (`"./assets/*"` in package.json's `exports`). A Vite app resolves it with the same
|
|
576
|
+
* `?url` suffix it already uses for any other imported asset, then installs it with
|
|
577
|
+
* this helper instead of hand-writing the `<link rel="icon">` DOM code per app:
|
|
578
|
+
*
|
|
579
|
+
* import favicon from "@flytedan/flytebot-design-system/assets/favicon.ico?url";
|
|
580
|
+
* import { installFlytedeskFavicon } from "@flytedan/flytebot-design-system";
|
|
581
|
+
*
|
|
582
|
+
* installFlytedeskFavicon(favicon); // once, e.g. at the top of main.tsx
|
|
583
|
+
*
|
|
584
|
+
* Takes the resolved URL rather than resolving it itself: asset URL resolution is the
|
|
585
|
+
* consuming app's own bundler's job (Vite rewrites the import at build time to a
|
|
586
|
+
* hashed, content-addressed path), not something this package can do on an app's
|
|
587
|
+
* behalf without bundling a copy of every app's Vite config.
|
|
588
|
+
*/
|
|
589
|
+
declare function installFlytedeskFavicon(url: string): void;
|
|
590
|
+
|
|
591
|
+
/**
|
|
592
|
+
* Places within one screen. Underline only — no pill tabs in the product.
|
|
593
|
+
*/
|
|
594
|
+
interface TabsProps {
|
|
595
|
+
tabs: Array<string | {
|
|
596
|
+
value: string;
|
|
597
|
+
label: string;
|
|
598
|
+
count?: number;
|
|
599
|
+
}>;
|
|
600
|
+
value?: string;
|
|
601
|
+
onChange?: (value: string) => void;
|
|
602
|
+
className?: string;
|
|
603
|
+
}
|
|
604
|
+
declare function Tabs({ tabs, value, onChange, className, ...rest }: TabsProps): React.JSX.Element;
|
|
605
|
+
|
|
486
606
|
/** A person or organisation mark. Initials on a soft brand tint when no image exists. */
|
|
487
607
|
interface AvatarProps {
|
|
488
608
|
name?: string;
|
|
@@ -502,6 +622,15 @@ interface AvatarStackProps {
|
|
|
502
622
|
}
|
|
503
623
|
declare function AvatarStack({ people, size, max, className }: AvatarStackProps): React.JSX.Element;
|
|
504
624
|
|
|
625
|
+
type BannerTone = "info" | "ok" | "warn" | "danger";
|
|
626
|
+
interface BannerProps {
|
|
627
|
+
tone?: BannerTone;
|
|
628
|
+
title: React.ReactNode;
|
|
629
|
+
detail?: React.ReactNode;
|
|
630
|
+
actions?: React.ReactNode;
|
|
631
|
+
}
|
|
632
|
+
declare function Banner({ tone, title, detail, actions }: BannerProps): React.JSX.Element;
|
|
633
|
+
|
|
505
634
|
/**
|
|
506
635
|
* A pill of state. Badges never carry actions — if it is clickable it is a Tag.
|
|
507
636
|
*
|
|
@@ -618,6 +747,13 @@ interface TooltipProps {
|
|
|
618
747
|
*/
|
|
619
748
|
declare function Tooltip({ label, placement, children, className }: TooltipProps): React.JSX.Element;
|
|
620
749
|
|
|
750
|
+
interface AnimNumProps {
|
|
751
|
+
value: number;
|
|
752
|
+
format?: (value: number) => React.ReactNode;
|
|
753
|
+
duration?: number;
|
|
754
|
+
}
|
|
755
|
+
declare function AnimNum({ value, format, duration }: AnimNumProps): React.JSX.Element;
|
|
756
|
+
|
|
621
757
|
interface ClampProps {
|
|
622
758
|
children?: React.ReactNode;
|
|
623
759
|
/** With maxChars, pass the raw string instead of children. */
|
|
@@ -2110,7 +2246,10 @@ interface AccountMenuProps {
|
|
|
2110
2246
|
/** Preferred over href navigation — lets an SPA route without a page load. */
|
|
2111
2247
|
onNavigate?: (href: string | undefined, item: AccountMenuLink) => void;
|
|
2112
2248
|
/** May return a Promise — the sign-out item shows a spinner and disables itself until it
|
|
2113
|
-
* settles
|
|
2249
|
+
* settles. On success the menu closes; on rejection the menu stays open with an inline,
|
|
2250
|
+
* announced error and a Retry (MP-221) — the session is unchanged, so closing here would
|
|
2251
|
+
* tell the user they signed out when they didn't. Falls back to the injected session's
|
|
2252
|
+
* own `signOut`. */
|
|
2114
2253
|
onSignOut?: () => void | Promise<void>;
|
|
2115
2254
|
showRoles?: boolean;
|
|
2116
2255
|
/** Demo affordance: impersonate another member to see their UI. Default true. */
|
|
@@ -4096,4 +4235,24 @@ interface UseResponsiveRailResult {
|
|
|
4096
4235
|
}
|
|
4097
4236
|
declare function useResponsiveRail(options?: UseResponsiveRailOptions): UseResponsiveRailResult;
|
|
4098
4237
|
|
|
4099
|
-
|
|
4238
|
+
declare function useFocusTrap(containerRef: React.RefObject<HTMLElement | null>, active: boolean): void;
|
|
4239
|
+
|
|
4240
|
+
/**
|
|
4241
|
+
* MP-221: the "<route> · <app> · Flytedesk" title convention every flytedesk app shell
|
|
4242
|
+
* hand-typed per route (sms-app's CampaignAnalytics.tsx, QueryTool.tsx, NotFound.tsx,
|
|
4243
|
+
* SignIn.tsx and index.html each spelled " · SMS · Flytedesk" separately — SMS-5
|
|
4244
|
+
* code-quality review item 5). One place composes it now.
|
|
4245
|
+
*
|
|
4246
|
+
* `routeTitle` is optional so a route with no title of its own (e.g. a bare loading
|
|
4247
|
+
* state) still gets a correct "<app> · Flytedesk" title instead of a dangling separator.
|
|
4248
|
+
*/
|
|
4249
|
+
declare function formatDocumentTitle(routeTitle: string | undefined | null, appName: string): string;
|
|
4250
|
+
/**
|
|
4251
|
+
* Sets `document.title` to `formatDocumentTitle(routeTitle, appName)` for as long as the
|
|
4252
|
+
* calling component is mounted, and re-applies it whenever either argument changes —
|
|
4253
|
+
* e.g. call it once per route component with that route's own title. Does nothing
|
|
4254
|
+
* outside a DOM environment (SSR/tests with no `document`).
|
|
4255
|
+
*/
|
|
4256
|
+
declare function useDocumentTitle(routeTitle: string | undefined | null, appName: string): void;
|
|
4257
|
+
|
|
4258
|
+
export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, AnchoredPopover, type AnchoredPopoverProps, AnimNum, type AnimNumProps, ApiSpecBrowser, type ApiSpecBrowserProps, type AppEntry, AppShell, type AppShellProps, AppSwitcher, type AppSwitcherProps, AppearanceMenu, type AppearanceMenuProps, type AppearancePrefs, type AppearanceStore, type AppearanceStoreOptions, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, Banner, type BannerProps, type BannerTone, 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, DEFAULT_PREFS, DEFAULT_STORAGE_KEY, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DemoSessionControls, DemoSessionProvider, 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, FileBrowser, type FileBrowserFile, type FileBrowserFolder, type FileBrowserPermissions, type FileBrowserProps, 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, type ProfileFieldDef, type ProfileFieldType, type ProfileNotificationDef, 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, ScreenHead, type ScreenHeadProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type SessionContextValue, type Flag as SessionFlag, SessionKit, SessionProvider, type SessionProviderProps, type SessionRole, type SessionStats, type SessionUser, 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, type TextScale, Textarea, type TextareaProps, type ThemeMode, 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, type UseResponsiveRailOptions, type UseResponsiveRailResult, 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, applyPrefs, channelWeightOf, computeNeedMore, computeVirtualWindow, createLocalStorageAppearanceStore, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDocumentTitle, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, importanceLevel, importanceTokens, installFlytedeskFavicon, isImage, isSystemMessage, jobBucket, languageLabel, loadPrefs, markdownToText, meterFormats, modifierLabel, parseDelimited, pastedTextName, pluralizeUnit, preferenceScore, preferenceSegments, rangeFilter, resolveTheme, revokeAttachment, savePrefs, toAttachment, tokenize, useAppearancePrefs, useChatEngine, useDocumentTitle, useFeatureStatus, useFocusTrap, usePopoverPosition, useResponsiveRail, useRuntimeMode, useServerTable, useSessionContext, useStagedFiles, visibleMessages };
|
package/dist/index.d.ts
CHANGED
|
@@ -254,6 +254,14 @@ interface SegmentedControlProps {
|
|
|
254
254
|
}
|
|
255
255
|
declare function SegmentedControl({ options, value, onChange, className, ...rest }: SegmentedControlProps): React.JSX.Element;
|
|
256
256
|
|
|
257
|
+
interface AnchoredPopoverProps {
|
|
258
|
+
rect: DOMRect | null;
|
|
259
|
+
width?: number;
|
|
260
|
+
onClose: () => void;
|
|
261
|
+
children: React.ReactNode;
|
|
262
|
+
}
|
|
263
|
+
declare function AnchoredPopover({ rect, width, onClose, children }: AnchoredPopoverProps): React.ReactPortal | null;
|
|
264
|
+
|
|
257
265
|
/**
|
|
258
266
|
* The container. White, 12px radius, hairline border, low soft shadow, and a
|
|
259
267
|
* divider under the header — that divider is the signature detail on flytedesk.com.
|
|
@@ -310,7 +318,10 @@ interface DrawerProps {
|
|
|
310
318
|
}
|
|
311
319
|
declare function Drawer({ open, title, onClose, footer, children, className, ...rest }: DrawerProps): React.ReactPortal | null;
|
|
312
320
|
|
|
313
|
-
/** A focused decision on a scrim. Max 560px, 760 with `wide` for data. Escape closes.
|
|
321
|
+
/** A focused decision on a scrim. Max 560px, 760 with `wide` for data. Escape closes.
|
|
322
|
+
* MP-212: traps Tab/Shift+Tab inside the dialog box and returns focus to the opener on
|
|
323
|
+
* close, via the design system's shared `useFocusTrap` (the same hook `useResponsiveRail`
|
|
324
|
+
* uses) — one focus-trap implementation, reused rather than hand-rolled a second time. */
|
|
314
325
|
interface ModalProps {
|
|
315
326
|
open?: boolean;
|
|
316
327
|
title?: React.ReactNode;
|
|
@@ -325,6 +336,14 @@ interface ModalProps {
|
|
|
325
336
|
}
|
|
326
337
|
declare function Modal({ open, title, description, onClose, footer, wide, children, className, ...rest }: ModalProps): React.ReactPortal | null;
|
|
327
338
|
|
|
339
|
+
interface ScreenHeadProps {
|
|
340
|
+
kicker?: string;
|
|
341
|
+
title: string;
|
|
342
|
+
lede?: string;
|
|
343
|
+
actions?: React.ReactNode;
|
|
344
|
+
}
|
|
345
|
+
declare function ScreenHead({ kicker, title, lede, actions }: ScreenHeadProps): React.JSX.Element;
|
|
346
|
+
|
|
328
347
|
/**
|
|
329
348
|
* The async contract for one region of a screen. Four states, one component:
|
|
330
349
|
* loading (skeleton), refreshing (previous data stays visible, dimmed and inert),
|
|
@@ -418,38 +437,6 @@ interface SidebarNavProps {
|
|
|
418
437
|
}
|
|
419
438
|
declare const SidebarNav: React.ForwardRefExoticComponent<SidebarNavProps & React.RefAttributes<HTMLElement>>;
|
|
420
439
|
|
|
421
|
-
interface FlytedeskMarkProps {
|
|
422
|
-
size?: "sm" | "md" | "lg";
|
|
423
|
-
className?: string;
|
|
424
|
-
}
|
|
425
|
-
/** Just the flytedesk logo, no label — for contexts too small for a stacked brand
|
|
426
|
-
* (a collapsed rail, a favicon-sized corner mark). */
|
|
427
|
-
declare function FlytedeskMark({ size, className, ...rest }: FlytedeskMarkProps): React.JSX.Element;
|
|
428
|
-
interface FlytedeskBrandProps {
|
|
429
|
-
/** The consuming app's name, shown under the logo — e.g. "Media Planner", "Admin". */
|
|
430
|
-
appName: string;
|
|
431
|
-
size?: "sm" | "md" | "lg";
|
|
432
|
-
className?: string;
|
|
433
|
-
}
|
|
434
|
-
/** The flytedesk logo stacked over the app's name — meant to drop straight into
|
|
435
|
-
* SidebarNav's `brand` slot in every flytedesk app. */
|
|
436
|
-
declare function FlytedeskBrand({ appName, size, className, ...rest }: FlytedeskBrandProps): React.JSX.Element;
|
|
437
|
-
|
|
438
|
-
/**
|
|
439
|
-
* Places within one screen. Underline only — no pill tabs in the product.
|
|
440
|
-
*/
|
|
441
|
-
interface TabsProps {
|
|
442
|
-
tabs: Array<string | {
|
|
443
|
-
value: string;
|
|
444
|
-
label: string;
|
|
445
|
-
count?: number;
|
|
446
|
-
}>;
|
|
447
|
-
value?: string;
|
|
448
|
-
onChange?: (value: string) => void;
|
|
449
|
-
className?: string;
|
|
450
|
-
}
|
|
451
|
-
declare function Tabs({ tabs, value, onChange, className, ...rest }: TabsProps): React.JSX.Element;
|
|
452
|
-
|
|
453
440
|
/** 60px app header: breadcrumb left, actions right, and a 2px route loader along its top edge. */
|
|
454
441
|
interface TopbarProps {
|
|
455
442
|
/** A non-last crumb with `onClick` calls it (via `preventDefault`) instead of following
|
|
@@ -483,6 +470,139 @@ interface TopbarProps {
|
|
|
483
470
|
}
|
|
484
471
|
declare function Topbar({ crumbs, actions, overflowActions, overflowBreakpoint, loading, onMenu, className, ...rest }: TopbarProps): React.JSX.Element;
|
|
485
472
|
|
|
473
|
+
/**
|
|
474
|
+
* MP-221: the Topbar + SidebarNav + useResponsiveRail composition every flytedesk app
|
|
475
|
+
* shell hand-assembled — the full-height flex column, the rail/content flex row, the
|
|
476
|
+
* scrim, the overlay-close-on-navigate wiring and the centered, max-width content
|
|
477
|
+
* column — lived three times over (media-planner's PlannerShell, sms-app's Shell, and
|
|
478
|
+
* this package's own SidebarNav docs demo, which told every new app to copy it). The
|
|
479
|
+
* design of this API reads BOTH real compositions (PlannerShell.tsx, Shell.tsx): a
|
|
480
|
+
* plain "app passes nav items + identity + actions" shape covers everything the two
|
|
481
|
+
* shared, and each of PlannerShell's app-specific extras (the command palette,
|
|
482
|
+
* TestModeBar/RolePreviewBar, the assistant panel, Dev tools) stays out of it, reached
|
|
483
|
+
* instead through `banner` and `trailingPanel`, or rendered around AppShell entirely.
|
|
484
|
+
*
|
|
485
|
+
* `useResponsiveRail` itself (overlay-vs-docked detection, Escape, focus trap/return,
|
|
486
|
+
* body scroll lock) is unchanged and still exported on its own — AppShell only owns
|
|
487
|
+
* wiring it to a real SidebarNav/Topbar/scrim so no app has to re-wire it by hand.
|
|
488
|
+
*/
|
|
489
|
+
interface AppShellProps {
|
|
490
|
+
/** Rendered in SidebarNav's fixed-height brand row (e.g. FlytedeskBrand/FlytedeskMark,
|
|
491
|
+
* optionally wrapped in a "go home" button — that wrapping is app behaviour, not
|
|
492
|
+
* something AppShell can supply generically). */
|
|
493
|
+
brand?: React.ReactNode;
|
|
494
|
+
/** SidebarNav's groups. */
|
|
495
|
+
navGroups: Array<{
|
|
496
|
+
label?: string;
|
|
497
|
+
items: SidebarNavItem[];
|
|
498
|
+
}>;
|
|
499
|
+
/** The active item's value, matched against each item's own `value`. */
|
|
500
|
+
currentNav?: string;
|
|
501
|
+
/** Called with an item's value when it's clicked. AppShell closes the rail itself
|
|
502
|
+
* first when it's an overlay — an app never has to remember that half of the wiring. */
|
|
503
|
+
onNavigate: (value: string) => void;
|
|
504
|
+
/** SidebarNav's footer slot (e.g. media-planner's "Jump to… ⌘K" trigger). */
|
|
505
|
+
navFooter?: React.ReactNode;
|
|
506
|
+
/** The rail's open state on first render while docked — the seam for an app's own
|
|
507
|
+
* persisted desktop preference (e.g. a `usePref`-backed value). Ignored while the
|
|
508
|
+
* initial viewport is already in overlay range, which always starts closed. */
|
|
509
|
+
initialNavOpen?: boolean;
|
|
510
|
+
/** Called with the new open state whenever it changes while docked — an app's hook
|
|
511
|
+
* into persisting `initialNavOpen`. Never called for a transient overlay open/close. */
|
|
512
|
+
onNavOpenChange?: (open: boolean) => void;
|
|
513
|
+
/** Max-width (px) at which the rail becomes a scrimmed overlay instead of a docked
|
|
514
|
+
* column. Must match the design system's own `.fd-side` breakpoint (default 1024)
|
|
515
|
+
* unless an app's own CSS overrides that breakpoint too. */
|
|
516
|
+
railBreakpoint?: number;
|
|
517
|
+
/** Topbar's breadcrumbs. */
|
|
518
|
+
crumbs?: TopbarProps["crumbs"];
|
|
519
|
+
/** Shows Topbar's route-loading indicator along its top edge. */
|
|
520
|
+
loading?: boolean;
|
|
521
|
+
/** Topbar's never-collapsing slot — the one control every screen needs to keep
|
|
522
|
+
* directly reachable, typically the AccountMenu. */
|
|
523
|
+
actions: React.ReactNode;
|
|
524
|
+
/** Topbar's slot that collapses into a "More actions" menu under `overflowBreakpoint`
|
|
525
|
+
* (an assistant launcher, AppearanceMenu, a version badge, Dev tools, undo, …). */
|
|
526
|
+
overflowActions?: React.ReactNode;
|
|
527
|
+
overflowBreakpoint?: number;
|
|
528
|
+
/** A full-width band rendered above the rail/content row, outside the scrollable
|
|
529
|
+
* content column — e.g. a test-mode or role-preview banner. Omit for none. */
|
|
530
|
+
banner?: React.ReactNode;
|
|
531
|
+
/** A third flex sibling rendered after the main content column (e.g. an assistant
|
|
532
|
+
* side panel that goes full-screen below the same breakpoint the rail does). Called
|
|
533
|
+
* with the rail's own `overlay` flag so a panel that needs its own scrim/stacking at
|
|
534
|
+
* that width can key off the same breakpoint AppShell already computed, rather than
|
|
535
|
+
* re-deriving it. */
|
|
536
|
+
trailingPanel?: (ctx: {
|
|
537
|
+
overlay: boolean;
|
|
538
|
+
}) => React.ReactNode;
|
|
539
|
+
/** Max width (px) of the centered content column. Default 1440 — every current
|
|
540
|
+
* flytedesk app shell's own value. */
|
|
541
|
+
contentMaxWidth?: number;
|
|
542
|
+
/** The shell's own height. Default `"100vh"`, correct for the real, top-level use
|
|
543
|
+
* every app mounts this at. A demo or preview embedding AppShell inside a bounded
|
|
544
|
+
* container (this package's own docs site) passes e.g. `"100%"` instead. */
|
|
545
|
+
height?: string | number;
|
|
546
|
+
/** Extra class name on the content column (e.g. media-planner's container-query
|
|
547
|
+
* class for its own responsive grids). */
|
|
548
|
+
contentClassName?: string;
|
|
549
|
+
className?: string;
|
|
550
|
+
/** The routed screen content, rendered inside the padded, centered content column. */
|
|
551
|
+
children: React.ReactNode;
|
|
552
|
+
}
|
|
553
|
+
declare function AppShell({ brand, navGroups, currentNav, onNavigate, navFooter, initialNavOpen, onNavOpenChange, railBreakpoint, crumbs, loading, actions, overflowActions, overflowBreakpoint, banner, trailingPanel, contentMaxWidth, height, contentClassName, className, children, }: AppShellProps): React.JSX.Element;
|
|
554
|
+
|
|
555
|
+
interface FlytedeskMarkProps {
|
|
556
|
+
size?: "sm" | "md" | "lg";
|
|
557
|
+
className?: string;
|
|
558
|
+
}
|
|
559
|
+
/** Just the flytedesk logo, no label — for contexts too small for a stacked brand
|
|
560
|
+
* (a collapsed rail, a favicon-sized corner mark). */
|
|
561
|
+
declare function FlytedeskMark({ size, className, ...rest }: FlytedeskMarkProps): React.JSX.Element;
|
|
562
|
+
interface FlytedeskBrandProps {
|
|
563
|
+
/** The consuming app's name, shown under the logo — e.g. "Media Planner", "Admin". */
|
|
564
|
+
appName: string;
|
|
565
|
+
size?: "sm" | "md" | "lg";
|
|
566
|
+
className?: string;
|
|
567
|
+
}
|
|
568
|
+
/** The flytedesk logo stacked over the app's name — meant to drop straight into
|
|
569
|
+
* SidebarNav's `brand` slot in every flytedesk app. */
|
|
570
|
+
declare function FlytedeskBrand({ appName, size, className, ...rest }: FlytedeskBrandProps): React.JSX.Element;
|
|
571
|
+
/**
|
|
572
|
+
* MP-221: the Flytedesk favicon — the exact `.ico` media-planner and sms-app both
|
|
573
|
+
* shipped as a byte-identical copy in `apps/web/public/favicon.ico` (SMS-5 gate
|
|
574
|
+
* review) — now ships as a real file in this package, at `assets/favicon.ico`
|
|
575
|
+
* (`"./assets/*"` in package.json's `exports`). A Vite app resolves it with the same
|
|
576
|
+
* `?url` suffix it already uses for any other imported asset, then installs it with
|
|
577
|
+
* this helper instead of hand-writing the `<link rel="icon">` DOM code per app:
|
|
578
|
+
*
|
|
579
|
+
* import favicon from "@flytedan/flytebot-design-system/assets/favicon.ico?url";
|
|
580
|
+
* import { installFlytedeskFavicon } from "@flytedan/flytebot-design-system";
|
|
581
|
+
*
|
|
582
|
+
* installFlytedeskFavicon(favicon); // once, e.g. at the top of main.tsx
|
|
583
|
+
*
|
|
584
|
+
* Takes the resolved URL rather than resolving it itself: asset URL resolution is the
|
|
585
|
+
* consuming app's own bundler's job (Vite rewrites the import at build time to a
|
|
586
|
+
* hashed, content-addressed path), not something this package can do on an app's
|
|
587
|
+
* behalf without bundling a copy of every app's Vite config.
|
|
588
|
+
*/
|
|
589
|
+
declare function installFlytedeskFavicon(url: string): void;
|
|
590
|
+
|
|
591
|
+
/**
|
|
592
|
+
* Places within one screen. Underline only — no pill tabs in the product.
|
|
593
|
+
*/
|
|
594
|
+
interface TabsProps {
|
|
595
|
+
tabs: Array<string | {
|
|
596
|
+
value: string;
|
|
597
|
+
label: string;
|
|
598
|
+
count?: number;
|
|
599
|
+
}>;
|
|
600
|
+
value?: string;
|
|
601
|
+
onChange?: (value: string) => void;
|
|
602
|
+
className?: string;
|
|
603
|
+
}
|
|
604
|
+
declare function Tabs({ tabs, value, onChange, className, ...rest }: TabsProps): React.JSX.Element;
|
|
605
|
+
|
|
486
606
|
/** A person or organisation mark. Initials on a soft brand tint when no image exists. */
|
|
487
607
|
interface AvatarProps {
|
|
488
608
|
name?: string;
|
|
@@ -502,6 +622,15 @@ interface AvatarStackProps {
|
|
|
502
622
|
}
|
|
503
623
|
declare function AvatarStack({ people, size, max, className }: AvatarStackProps): React.JSX.Element;
|
|
504
624
|
|
|
625
|
+
type BannerTone = "info" | "ok" | "warn" | "danger";
|
|
626
|
+
interface BannerProps {
|
|
627
|
+
tone?: BannerTone;
|
|
628
|
+
title: React.ReactNode;
|
|
629
|
+
detail?: React.ReactNode;
|
|
630
|
+
actions?: React.ReactNode;
|
|
631
|
+
}
|
|
632
|
+
declare function Banner({ tone, title, detail, actions }: BannerProps): React.JSX.Element;
|
|
633
|
+
|
|
505
634
|
/**
|
|
506
635
|
* A pill of state. Badges never carry actions — if it is clickable it is a Tag.
|
|
507
636
|
*
|
|
@@ -618,6 +747,13 @@ interface TooltipProps {
|
|
|
618
747
|
*/
|
|
619
748
|
declare function Tooltip({ label, placement, children, className }: TooltipProps): React.JSX.Element;
|
|
620
749
|
|
|
750
|
+
interface AnimNumProps {
|
|
751
|
+
value: number;
|
|
752
|
+
format?: (value: number) => React.ReactNode;
|
|
753
|
+
duration?: number;
|
|
754
|
+
}
|
|
755
|
+
declare function AnimNum({ value, format, duration }: AnimNumProps): React.JSX.Element;
|
|
756
|
+
|
|
621
757
|
interface ClampProps {
|
|
622
758
|
children?: React.ReactNode;
|
|
623
759
|
/** With maxChars, pass the raw string instead of children. */
|
|
@@ -2110,7 +2246,10 @@ interface AccountMenuProps {
|
|
|
2110
2246
|
/** Preferred over href navigation — lets an SPA route without a page load. */
|
|
2111
2247
|
onNavigate?: (href: string | undefined, item: AccountMenuLink) => void;
|
|
2112
2248
|
/** May return a Promise — the sign-out item shows a spinner and disables itself until it
|
|
2113
|
-
* settles
|
|
2249
|
+
* settles. On success the menu closes; on rejection the menu stays open with an inline,
|
|
2250
|
+
* announced error and a Retry (MP-221) — the session is unchanged, so closing here would
|
|
2251
|
+
* tell the user they signed out when they didn't. Falls back to the injected session's
|
|
2252
|
+
* own `signOut`. */
|
|
2114
2253
|
onSignOut?: () => void | Promise<void>;
|
|
2115
2254
|
showRoles?: boolean;
|
|
2116
2255
|
/** Demo affordance: impersonate another member to see their UI. Default true. */
|
|
@@ -4096,4 +4235,24 @@ interface UseResponsiveRailResult {
|
|
|
4096
4235
|
}
|
|
4097
4236
|
declare function useResponsiveRail(options?: UseResponsiveRailOptions): UseResponsiveRailResult;
|
|
4098
4237
|
|
|
4099
|
-
|
|
4238
|
+
declare function useFocusTrap(containerRef: React.RefObject<HTMLElement | null>, active: boolean): void;
|
|
4239
|
+
|
|
4240
|
+
/**
|
|
4241
|
+
* MP-221: the "<route> · <app> · Flytedesk" title convention every flytedesk app shell
|
|
4242
|
+
* hand-typed per route (sms-app's CampaignAnalytics.tsx, QueryTool.tsx, NotFound.tsx,
|
|
4243
|
+
* SignIn.tsx and index.html each spelled " · SMS · Flytedesk" separately — SMS-5
|
|
4244
|
+
* code-quality review item 5). One place composes it now.
|
|
4245
|
+
*
|
|
4246
|
+
* `routeTitle` is optional so a route with no title of its own (e.g. a bare loading
|
|
4247
|
+
* state) still gets a correct "<app> · Flytedesk" title instead of a dangling separator.
|
|
4248
|
+
*/
|
|
4249
|
+
declare function formatDocumentTitle(routeTitle: string | undefined | null, appName: string): string;
|
|
4250
|
+
/**
|
|
4251
|
+
* Sets `document.title` to `formatDocumentTitle(routeTitle, appName)` for as long as the
|
|
4252
|
+
* calling component is mounted, and re-applies it whenever either argument changes —
|
|
4253
|
+
* e.g. call it once per route component with that route's own title. Does nothing
|
|
4254
|
+
* outside a DOM environment (SSR/tests with no `document`).
|
|
4255
|
+
*/
|
|
4256
|
+
declare function useDocumentTitle(routeTitle: string | undefined | null, appName: string): void;
|
|
4257
|
+
|
|
4258
|
+
export { AccountMenu, type AccountMenuLink, type AccountMenuProps, AgentChatPanel, type AgentChatPanelProps, AnchoredPopover, type AnchoredPopoverProps, AnimNum, type AnimNumProps, ApiSpecBrowser, type ApiSpecBrowserProps, type AppEntry, AppShell, type AppShellProps, AppSwitcher, type AppSwitcherProps, AppearanceMenu, type AppearanceMenuProps, type AppearancePrefs, type AppearanceStore, type AppearanceStoreOptions, type Attachment, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, Banner, type BannerProps, type BannerTone, 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, DEFAULT_PREFS, DEFAULT_STORAGE_KEY, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, type DemoSessionControls, DemoSessionProvider, 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, FileBrowser, type FileBrowserFile, type FileBrowserFolder, type FileBrowserPermissions, type FileBrowserProps, 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, type ProfileFieldDef, type ProfileFieldType, type ProfileNotificationDef, 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, ScreenHead, type ScreenHeadProps, SearchField, type SearchFieldProps, SegmentedControl, type SegmentedControlProps, SegmentedMeter, type SegmentedMeterProps, Select, type SelectOption, type SelectProps, type SendMessageResult, type ServerTable, type Session, type SessionContextValue, type Flag as SessionFlag, SessionKit, SessionProvider, type SessionProviderProps, type SessionRole, type SessionStats, type SessionUser, 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, type TextScale, Textarea, type TextareaProps, type ThemeMode, 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, type UseResponsiveRailOptions, type UseResponsiveRailResult, 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, applyPrefs, channelWeightOf, computeNeedMore, computeVirtualWindow, createLocalStorageAppearanceStore, createVersionStore, eqFilter, extensionOf, extractClipboardFiles, filterFiles, formatAbsolute, formatBytes, formatClock, formatDocumentTitle, formatDuration, formatEta, formatRelative, groupMessages, hasModifier, iconForMime, importanceLevel, importanceTokens, installFlytedeskFavicon, isImage, isSystemMessage, jobBucket, languageLabel, loadPrefs, markdownToText, meterFormats, modifierLabel, parseDelimited, pastedTextName, pluralizeUnit, preferenceScore, preferenceSegments, rangeFilter, resolveTheme, revokeAttachment, savePrefs, toAttachment, tokenize, useAppearancePrefs, useChatEngine, useDocumentTitle, useFeatureStatus, useFocusTrap, usePopoverPosition, useResponsiveRail, useRuntimeMode, useServerTable, useSessionContext, useStagedFiles, visibleMessages };
|