@vllnt/ui 0.2.1-canary.ab2c69a → 0.2.1-canary.b3f1dff
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/dist/components/bottom-activity-strip/bottom-activity-strip.js +91 -0
- package/dist/components/bottom-activity-strip/index.js +6 -0
- package/dist/components/comment-pin/comment-pin.js +104 -0
- package/dist/components/comment-pin/index.js +6 -0
- package/dist/components/heat-overlay/heat-overlay.js +92 -0
- package/dist/components/heat-overlay/index.js +6 -0
- package/dist/components/index.js +40 -0
- package/dist/components/live-cursor/index.js +6 -0
- package/dist/components/live-cursor/live-cursor.js +62 -0
- package/dist/components/metric-cluster/index.js +6 -0
- package/dist/components/metric-cluster/metric-cluster.js +96 -0
- package/dist/components/playback-ghost/index.js +6 -0
- package/dist/components/playback-ghost/playback-ghost.js +83 -0
- package/dist/components/presence-sync-indicator/index.js +6 -0
- package/dist/components/presence-sync-indicator/presence-sync-indicator.js +73 -0
- package/dist/components/run-timeline/index.js +6 -0
- package/dist/components/run-timeline/run-timeline.js +221 -0
- package/dist/components/state-badge-overlay/index.js +6 -0
- package/dist/components/state-badge-overlay/state-badge-overlay.js +90 -0
- package/dist/components/timeline-scrubber/index.js +6 -0
- package/dist/components/timeline-scrubber/timeline-scrubber.js +179 -0
- package/dist/index.d.ts +826 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -3613,6 +3613,171 @@ declare const AnchorPort: react.ForwardRefExoticComponent<Omit<react.DetailedHTM
|
|
|
3613
3613
|
tone?: "bidirectional" | "input" | "output";
|
|
3614
3614
|
} & react.RefAttributes<HTMLSpanElement>>;
|
|
3615
3615
|
|
|
3616
|
+
/**
|
|
3617
|
+
* Tone of an event — drives the leading dot color.
|
|
3618
|
+
*
|
|
3619
|
+
* @public
|
|
3620
|
+
*/
|
|
3621
|
+
type ActivityStripTone = "danger" | "info" | "neutral" | "success" | "warn";
|
|
3622
|
+
/**
|
|
3623
|
+
* One event in the strip.
|
|
3624
|
+
*
|
|
3625
|
+
* @public
|
|
3626
|
+
*/
|
|
3627
|
+
type ActivityEvent = {
|
|
3628
|
+
/** Stable identifier — used as the React key + analytics hook. */
|
|
3629
|
+
id: string;
|
|
3630
|
+
/** Short label (e.g. `"deploy completed"`). */
|
|
3631
|
+
label: ReactNode;
|
|
3632
|
+
/** Optional click handler — when provided, the chip becomes a button. */
|
|
3633
|
+
onActivate?: () => void;
|
|
3634
|
+
/** Optional tone for the leading dot. Defaults to `"neutral"`. */
|
|
3635
|
+
tone?: ActivityStripTone;
|
|
3636
|
+
/** Pre-formatted timestamp (host owns formatting). */
|
|
3637
|
+
ts: ReactNode;
|
|
3638
|
+
};
|
|
3639
|
+
/**
|
|
3640
|
+
* Localizable strings.
|
|
3641
|
+
*
|
|
3642
|
+
* @public
|
|
3643
|
+
*/
|
|
3644
|
+
type BottomActivityStripLabels = {
|
|
3645
|
+
/** Empty-state copy. Defaults to `"No recent activity"`. */
|
|
3646
|
+
empty?: string;
|
|
3647
|
+
/** Aria-label for the strip. Defaults to `"Recent activity"`. */
|
|
3648
|
+
region?: string;
|
|
3649
|
+
};
|
|
3650
|
+
/**
|
|
3651
|
+
* Props for {@link BottomActivityStrip}.
|
|
3652
|
+
*
|
|
3653
|
+
* @public
|
|
3654
|
+
*/
|
|
3655
|
+
type BottomActivityStripProps = {
|
|
3656
|
+
/** Event entries — newest first. */
|
|
3657
|
+
events: ActivityEvent[];
|
|
3658
|
+
/** Localizable strings. */
|
|
3659
|
+
labels?: BottomActivityStripLabels;
|
|
3660
|
+
/** Cap the rendered events. The component drops the tail without warning. */
|
|
3661
|
+
maxEvents?: number;
|
|
3662
|
+
} & ComponentPropsWithoutRef<"section">;
|
|
3663
|
+
/**
|
|
3664
|
+
* Slim bottom strip showing a horizontally-scrolling row of recent
|
|
3665
|
+
* canvas events. The lowest-noise live execution surface — keep
|
|
3666
|
+
* `ObjectCard`, panels, and overlays for high-value surfaces; let the
|
|
3667
|
+
* strip carry the steady drip of activity.
|
|
3668
|
+
*
|
|
3669
|
+
* Pure presentation; the host computes the event list (newest first)
|
|
3670
|
+
* and supplies an optional `onActivate` per event to jump to the
|
|
3671
|
+
* related object.
|
|
3672
|
+
*
|
|
3673
|
+
* Distinct from `ActivityLog` (vertical, persistent) and `LiveFeed`
|
|
3674
|
+
* (full-height feed): this primitive is a single horizontal row that
|
|
3675
|
+
* lives at the bottom of the canvas.
|
|
3676
|
+
*
|
|
3677
|
+
* @example
|
|
3678
|
+
* ```tsx
|
|
3679
|
+
* <BottomActivityStrip
|
|
3680
|
+
* events={[
|
|
3681
|
+
* { id: "1", label: "deploy ok", ts: "12s", tone: "success" },
|
|
3682
|
+
* { id: "2", label: "queue spike", ts: "1m", tone: "warn" },
|
|
3683
|
+
* ]}
|
|
3684
|
+
* maxEvents={20}
|
|
3685
|
+
* />
|
|
3686
|
+
* ```
|
|
3687
|
+
*
|
|
3688
|
+
* @public
|
|
3689
|
+
*/
|
|
3690
|
+
declare const BottomActivityStrip: react.ForwardRefExoticComponent<{
|
|
3691
|
+
/** Event entries — newest first. */
|
|
3692
|
+
events: ActivityEvent[];
|
|
3693
|
+
/** Localizable strings. */
|
|
3694
|
+
labels?: BottomActivityStripLabels;
|
|
3695
|
+
/** Cap the rendered events. The component drops the tail without warning. */
|
|
3696
|
+
maxEvents?: number;
|
|
3697
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
3698
|
+
|
|
3699
|
+
/**
|
|
3700
|
+
* Resolution state of a pinned comment.
|
|
3701
|
+
*
|
|
3702
|
+
* @public
|
|
3703
|
+
*/
|
|
3704
|
+
type CommentPinState = "open" | "resolved";
|
|
3705
|
+
/**
|
|
3706
|
+
* Localizable strings.
|
|
3707
|
+
*
|
|
3708
|
+
* @public
|
|
3709
|
+
*/
|
|
3710
|
+
type CommentPinLabels = {
|
|
3711
|
+
/** Aria-label override. Defaults to `"Comment"`. */
|
|
3712
|
+
region?: string;
|
|
3713
|
+
/** Suffix appended after the unread count for screen readers. */
|
|
3714
|
+
unreadSuffix?: string;
|
|
3715
|
+
};
|
|
3716
|
+
/**
|
|
3717
|
+
* Props for {@link CommentPin}.
|
|
3718
|
+
*
|
|
3719
|
+
* @public
|
|
3720
|
+
*/
|
|
3721
|
+
type CommentPinProps = {
|
|
3722
|
+
/** Optional author initial / glyph rendered inside the pin. */
|
|
3723
|
+
authorInitial?: ReactNode;
|
|
3724
|
+
/** Optional accent color for the pin. Defaults to the foreground. */
|
|
3725
|
+
color?: string;
|
|
3726
|
+
/** Localizable strings. */
|
|
3727
|
+
labels?: CommentPinLabels;
|
|
3728
|
+
/** Click handler — when provided, the pin becomes a button. */
|
|
3729
|
+
onActivate?: () => void;
|
|
3730
|
+
/** State of the underlying thread. Defaults to `"open"`. */
|
|
3731
|
+
state?: CommentPinState;
|
|
3732
|
+
/** Optional unread reply count. Renders as a small numeric badge. */
|
|
3733
|
+
unread?: number;
|
|
3734
|
+
/** Anchor X in canvas pixels. */
|
|
3735
|
+
x: number;
|
|
3736
|
+
/** Anchor Y in canvas pixels. */
|
|
3737
|
+
y: number;
|
|
3738
|
+
} & ComponentPropsWithoutRef<"div">;
|
|
3739
|
+
/**
|
|
3740
|
+
* Anchored discussion pin rendered at canvas coordinates. Use to mark
|
|
3741
|
+
* an object-anchored comment thread; click to expand into a
|
|
3742
|
+
* {@link "../thread-bubble/thread-bubble".ThreadBubble} (or whatever the host wires up).
|
|
3743
|
+
*
|
|
3744
|
+
* Pure presentation; the host owns the thread store + supplies the
|
|
3745
|
+
* unread count and resolution state.
|
|
3746
|
+
*
|
|
3747
|
+
* @example
|
|
3748
|
+
* ```tsx
|
|
3749
|
+
* <div className="relative h-screen w-screen">
|
|
3750
|
+
* <Canvas />
|
|
3751
|
+
* <CommentPin
|
|
3752
|
+
* x={420} y={180}
|
|
3753
|
+
* authorInitial="B"
|
|
3754
|
+
* unread={3}
|
|
3755
|
+
* onActivate={() => openThread("c-1")}
|
|
3756
|
+
* />
|
|
3757
|
+
* </div>
|
|
3758
|
+
* ```
|
|
3759
|
+
*
|
|
3760
|
+
* @public
|
|
3761
|
+
*/
|
|
3762
|
+
declare const CommentPin: react.ForwardRefExoticComponent<{
|
|
3763
|
+
/** Optional author initial / glyph rendered inside the pin. */
|
|
3764
|
+
authorInitial?: ReactNode;
|
|
3765
|
+
/** Optional accent color for the pin. Defaults to the foreground. */
|
|
3766
|
+
color?: string;
|
|
3767
|
+
/** Localizable strings. */
|
|
3768
|
+
labels?: CommentPinLabels;
|
|
3769
|
+
/** Click handler — when provided, the pin becomes a button. */
|
|
3770
|
+
onActivate?: () => void;
|
|
3771
|
+
/** State of the underlying thread. Defaults to `"open"`. */
|
|
3772
|
+
state?: CommentPinState;
|
|
3773
|
+
/** Optional unread reply count. Renders as a small numeric badge. */
|
|
3774
|
+
unread?: number;
|
|
3775
|
+
/** Anchor X in canvas pixels. */
|
|
3776
|
+
x: number;
|
|
3777
|
+
/** Anchor Y in canvas pixels. */
|
|
3778
|
+
y: number;
|
|
3779
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3780
|
+
|
|
3616
3781
|
type ConnectorEdgePoint = {
|
|
3617
3782
|
x: number;
|
|
3618
3783
|
y: number;
|
|
@@ -3648,6 +3813,244 @@ declare const GroupHull: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
|
|
|
3648
3813
|
title: string;
|
|
3649
3814
|
} & react.RefAttributes<HTMLElement>>;
|
|
3650
3815
|
|
|
3816
|
+
/**
|
|
3817
|
+
* Tone of the heat gradient — drives the inner circle color.
|
|
3818
|
+
*
|
|
3819
|
+
* @public
|
|
3820
|
+
*/
|
|
3821
|
+
type HeatOverlayTone = "cool" | "danger" | "neutral" | "warn";
|
|
3822
|
+
/**
|
|
3823
|
+
* One heat sample.
|
|
3824
|
+
*
|
|
3825
|
+
* @public
|
|
3826
|
+
*/
|
|
3827
|
+
type HeatPoint = {
|
|
3828
|
+
/** Stable identifier — used as the React key. */
|
|
3829
|
+
id: string;
|
|
3830
|
+
/** Optional per-point tone override. */
|
|
3831
|
+
tone?: HeatOverlayTone;
|
|
3832
|
+
/** Sample weight `0..1` — drives the circle opacity + radius. */
|
|
3833
|
+
weight: number;
|
|
3834
|
+
/** X coordinate in canvas pixels. */
|
|
3835
|
+
x: number;
|
|
3836
|
+
/** Y coordinate in canvas pixels. */
|
|
3837
|
+
y: number;
|
|
3838
|
+
};
|
|
3839
|
+
/**
|
|
3840
|
+
* Localizable strings.
|
|
3841
|
+
*
|
|
3842
|
+
* @public
|
|
3843
|
+
*/
|
|
3844
|
+
type HeatOverlayLabels = {
|
|
3845
|
+
/** Aria-label override. Defaults to `"Heat overlay"`. */
|
|
3846
|
+
region?: string;
|
|
3847
|
+
};
|
|
3848
|
+
/**
|
|
3849
|
+
* Props for {@link HeatOverlay}.
|
|
3850
|
+
*
|
|
3851
|
+
* @public
|
|
3852
|
+
*/
|
|
3853
|
+
type HeatOverlayProps = {
|
|
3854
|
+
/** Optional global tone applied to every point that omits its own. Defaults to `"warn"`. */
|
|
3855
|
+
defaultTone?: HeatOverlayTone;
|
|
3856
|
+
/** Sample radius in pixels at full weight. Defaults to `48`. */
|
|
3857
|
+
intensity?: number;
|
|
3858
|
+
/** Localizable strings. */
|
|
3859
|
+
labels?: HeatOverlayLabels;
|
|
3860
|
+
/** Sample points in render order. */
|
|
3861
|
+
points: HeatPoint[];
|
|
3862
|
+
} & ComponentPropsWithoutRef<"svg">;
|
|
3863
|
+
/**
|
|
3864
|
+
* Heatmap-style overlay drawn on top of a canvas. Each sample renders
|
|
3865
|
+
* as a soft radial blob whose radius + opacity scale with its weight.
|
|
3866
|
+
* Pure presentation; the host computes the point list from the
|
|
3867
|
+
* activity stream.
|
|
3868
|
+
*
|
|
3869
|
+
* Render inside a `position: relative` parent that shares the canvas
|
|
3870
|
+
* pixel coordinate space; the SVG is `pointer-events: none` so host
|
|
3871
|
+
* gestures pass through.
|
|
3872
|
+
*
|
|
3873
|
+
* @example
|
|
3874
|
+
* ```tsx
|
|
3875
|
+
* <div className="relative h-screen w-screen">
|
|
3876
|
+
* <Canvas />
|
|
3877
|
+
* <HeatOverlay
|
|
3878
|
+
* points={[
|
|
3879
|
+
* { id: "a", x: 120, y: 80, weight: 1.0, tone: "danger" },
|
|
3880
|
+
* { id: "b", x: 320, y: 220, weight: 0.4 },
|
|
3881
|
+
* ]}
|
|
3882
|
+
* />
|
|
3883
|
+
* </div>
|
|
3884
|
+
* ```
|
|
3885
|
+
*
|
|
3886
|
+
* @public
|
|
3887
|
+
*/
|
|
3888
|
+
declare const HeatOverlay: react.ForwardRefExoticComponent<{
|
|
3889
|
+
/** Optional global tone applied to every point that omits its own. Defaults to `"warn"`. */
|
|
3890
|
+
defaultTone?: HeatOverlayTone;
|
|
3891
|
+
/** Sample radius in pixels at full weight. Defaults to `48`. */
|
|
3892
|
+
intensity?: number;
|
|
3893
|
+
/** Localizable strings. */
|
|
3894
|
+
labels?: HeatOverlayLabels;
|
|
3895
|
+
/** Sample points in render order. */
|
|
3896
|
+
points: HeatPoint[];
|
|
3897
|
+
} & Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
|
|
3898
|
+
|
|
3899
|
+
/**
|
|
3900
|
+
* Localizable strings.
|
|
3901
|
+
*
|
|
3902
|
+
* @public
|
|
3903
|
+
*/
|
|
3904
|
+
type LiveCursorLabels = {
|
|
3905
|
+
/** Aria-label override. Defaults to `"Live cursor"`. */
|
|
3906
|
+
region?: string;
|
|
3907
|
+
};
|
|
3908
|
+
/**
|
|
3909
|
+
* Props for {@link LiveCursor}.
|
|
3910
|
+
*
|
|
3911
|
+
* @public
|
|
3912
|
+
*/
|
|
3913
|
+
type LiveCursorProps = {
|
|
3914
|
+
/** Tailwind / arbitrary CSS color used for the pointer + name chip. Defaults to `var(--foreground)`. */
|
|
3915
|
+
color?: string;
|
|
3916
|
+
/** Localizable strings. */
|
|
3917
|
+
labels?: LiveCursorLabels;
|
|
3918
|
+
/** Display name shown in the chip. Pass `null` to hide the chip. */
|
|
3919
|
+
name?: ReactNode;
|
|
3920
|
+
/** Optional secondary line in the chip (e.g. status, role). */
|
|
3921
|
+
status?: ReactNode;
|
|
3922
|
+
/** Cursor X in canvas pixels. */
|
|
3923
|
+
x: number;
|
|
3924
|
+
/** Cursor Y in canvas pixels. */
|
|
3925
|
+
y: number;
|
|
3926
|
+
} & ComponentPropsWithoutRef<"div">;
|
|
3927
|
+
/**
|
|
3928
|
+
* Remote user's cursor rendered at canvas coordinates with an optional
|
|
3929
|
+
* name + status chip. Pure presentation; the host owns the websocket
|
|
3930
|
+
* stream + maps user ids to colors.
|
|
3931
|
+
*
|
|
3932
|
+
* The wrapper is `pointer-events: none` so host gestures pass through.
|
|
3933
|
+
*
|
|
3934
|
+
* @example
|
|
3935
|
+
* ```tsx
|
|
3936
|
+
* <div className="relative h-screen w-screen">
|
|
3937
|
+
* <Canvas />
|
|
3938
|
+
* <LiveCursor x={420} y={180} name="Bea" color="#5b8def" />
|
|
3939
|
+
* </div>
|
|
3940
|
+
* ```
|
|
3941
|
+
*
|
|
3942
|
+
* @public
|
|
3943
|
+
*/
|
|
3944
|
+
declare const LiveCursor: react.ForwardRefExoticComponent<{
|
|
3945
|
+
/** Tailwind / arbitrary CSS color used for the pointer + name chip. Defaults to `var(--foreground)`. */
|
|
3946
|
+
color?: string;
|
|
3947
|
+
/** Localizable strings. */
|
|
3948
|
+
labels?: LiveCursorLabels;
|
|
3949
|
+
/** Display name shown in the chip. Pass `null` to hide the chip. */
|
|
3950
|
+
name?: ReactNode;
|
|
3951
|
+
/** Optional secondary line in the chip (e.g. status, role). */
|
|
3952
|
+
status?: ReactNode;
|
|
3953
|
+
/** Cursor X in canvas pixels. */
|
|
3954
|
+
x: number;
|
|
3955
|
+
/** Cursor Y in canvas pixels. */
|
|
3956
|
+
y: number;
|
|
3957
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3958
|
+
|
|
3959
|
+
/**
|
|
3960
|
+
* Tone of a single metric line — drives the dot color.
|
|
3961
|
+
*
|
|
3962
|
+
* @public
|
|
3963
|
+
*/
|
|
3964
|
+
type MetricClusterTone = "danger" | "neutral" | "success" | "warn";
|
|
3965
|
+
/**
|
|
3966
|
+
* Anchor corner relative to the canvas object the cluster attaches to.
|
|
3967
|
+
*
|
|
3968
|
+
* @public
|
|
3969
|
+
*/
|
|
3970
|
+
type MetricClusterAnchor = "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
3971
|
+
/**
|
|
3972
|
+
* One metric in the cluster.
|
|
3973
|
+
*
|
|
3974
|
+
* @public
|
|
3975
|
+
*/
|
|
3976
|
+
type MetricClusterEntry = {
|
|
3977
|
+
/** Stable identifier — used as the React key + analytics hook. */
|
|
3978
|
+
id: string;
|
|
3979
|
+
/** Short label (e.g. `"errs/min"`). */
|
|
3980
|
+
label: ReactNode;
|
|
3981
|
+
/** Optional tone for the leading dot. Defaults to `"neutral"`. */
|
|
3982
|
+
tone?: MetricClusterTone;
|
|
3983
|
+
/** Display value (already formatted by host). */
|
|
3984
|
+
value: ReactNode;
|
|
3985
|
+
};
|
|
3986
|
+
/**
|
|
3987
|
+
* Localizable strings.
|
|
3988
|
+
*
|
|
3989
|
+
* @public
|
|
3990
|
+
*/
|
|
3991
|
+
type MetricClusterLabels = {
|
|
3992
|
+
/** Aria-label override. Defaults to `"Metric cluster"`. */
|
|
3993
|
+
region?: string;
|
|
3994
|
+
};
|
|
3995
|
+
/**
|
|
3996
|
+
* Props for {@link MetricCluster}.
|
|
3997
|
+
*
|
|
3998
|
+
* @public
|
|
3999
|
+
*/
|
|
4000
|
+
type MetricClusterProps = {
|
|
4001
|
+
/** Anchor corner. Defaults to `"top-right"`. */
|
|
4002
|
+
anchor?: MetricClusterAnchor;
|
|
4003
|
+
/** Localizable strings. */
|
|
4004
|
+
labels?: MetricClusterLabels;
|
|
4005
|
+
/** Metric entries in render order. */
|
|
4006
|
+
metrics: MetricClusterEntry[];
|
|
4007
|
+
/** Optional cluster title rendered above the rows. */
|
|
4008
|
+
title?: ReactNode;
|
|
4009
|
+
/** Anchor X in canvas pixels. */
|
|
4010
|
+
x: number;
|
|
4011
|
+
/** Anchor Y in canvas pixels. */
|
|
4012
|
+
y: number;
|
|
4013
|
+
} & ComponentPropsWithoutRef<"div">;
|
|
4014
|
+
/**
|
|
4015
|
+
* Compact stack of related metrics pinned to a canvas object's corner.
|
|
4016
|
+
* Use when a single `StickyMetric` doesn't carry enough signal — for
|
|
4017
|
+
* runs whose throughput, latency, and error rate must all be visible
|
|
4018
|
+
* at once. Pure presentation; the host supplies the anchor coords + the
|
|
4019
|
+
* metric list.
|
|
4020
|
+
*
|
|
4021
|
+
* The wrapper is `pointer-events: none` — host gestures pass through.
|
|
4022
|
+
*
|
|
4023
|
+
* @example
|
|
4024
|
+
* ```tsx
|
|
4025
|
+
* <MetricCluster
|
|
4026
|
+
* x={420} y={180}
|
|
4027
|
+
* anchor="top-right"
|
|
4028
|
+
* title="research-2025"
|
|
4029
|
+
* metrics={[
|
|
4030
|
+
* { id: "qps", label: "qps", value: "240", tone: "success" },
|
|
4031
|
+
* { id: "errs", label: "errs", value: "14", tone: "danger" },
|
|
4032
|
+
* { id: "p95", label: "p95", value: "180ms" },
|
|
4033
|
+
* ]}
|
|
4034
|
+
* />
|
|
4035
|
+
* ```
|
|
4036
|
+
*
|
|
4037
|
+
* @public
|
|
4038
|
+
*/
|
|
4039
|
+
declare const MetricCluster: react.ForwardRefExoticComponent<{
|
|
4040
|
+
/** Anchor corner. Defaults to `"top-right"`. */
|
|
4041
|
+
anchor?: MetricClusterAnchor;
|
|
4042
|
+
/** Localizable strings. */
|
|
4043
|
+
labels?: MetricClusterLabels;
|
|
4044
|
+
/** Metric entries in render order. */
|
|
4045
|
+
metrics: MetricClusterEntry[];
|
|
4046
|
+
/** Optional cluster title rendered above the rows. */
|
|
4047
|
+
title?: ReactNode;
|
|
4048
|
+
/** Anchor X in canvas pixels. */
|
|
4049
|
+
x: number;
|
|
4050
|
+
/** Anchor Y in canvas pixels. */
|
|
4051
|
+
y: number;
|
|
4052
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4053
|
+
|
|
3651
4054
|
type ObjectCardMetric = {
|
|
3652
4055
|
label: string;
|
|
3653
4056
|
value: ReactNode;
|
|
@@ -3686,6 +4089,79 @@ declare const ObjectHandle: react.ForwardRefExoticComponent<Omit<Omit<react.Deta
|
|
|
3686
4089
|
label?: ReactNode;
|
|
3687
4090
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
3688
4091
|
|
|
4092
|
+
/**
|
|
4093
|
+
* Object kind — drives the ghost glyph.
|
|
4094
|
+
*
|
|
4095
|
+
* @public
|
|
4096
|
+
*/
|
|
4097
|
+
type PlaybackGhostKind = "agent" | "artifact" | "input" | "output" | "run" | "task";
|
|
4098
|
+
/**
|
|
4099
|
+
* Localizable strings.
|
|
4100
|
+
*
|
|
4101
|
+
* @public
|
|
4102
|
+
*/
|
|
4103
|
+
type PlaybackGhostLabels = {
|
|
4104
|
+
/** Aria-label override. Defaults to `"Playback ghost"`. */
|
|
4105
|
+
region?: string;
|
|
4106
|
+
};
|
|
4107
|
+
/**
|
|
4108
|
+
* Props for {@link PlaybackGhost}.
|
|
4109
|
+
*
|
|
4110
|
+
* @public
|
|
4111
|
+
*/
|
|
4112
|
+
type PlaybackGhostProps = {
|
|
4113
|
+
/** Optional kind glyph + tooltip. */
|
|
4114
|
+
kind?: PlaybackGhostKind;
|
|
4115
|
+
/** Optional label rendered next to the glyph (e.g. id, run name). */
|
|
4116
|
+
label?: ReactNode;
|
|
4117
|
+
/** Localizable strings. */
|
|
4118
|
+
labels?: PlaybackGhostLabels;
|
|
4119
|
+
/** Ghost opacity `0..1`. Defaults to `0.4`. */
|
|
4120
|
+
opacity?: number;
|
|
4121
|
+
/** Ghost size in pixels. Defaults to `40`. */
|
|
4122
|
+
size?: number;
|
|
4123
|
+
/** Center X in canvas pixels. */
|
|
4124
|
+
x: number;
|
|
4125
|
+
/** Center Y in canvas pixels. */
|
|
4126
|
+
y: number;
|
|
4127
|
+
} & ComponentPropsWithoutRef<"div">;
|
|
4128
|
+
/**
|
|
4129
|
+
* Translucent overlay marking where a canvas object was at a previous
|
|
4130
|
+
* timestamp during state playback. Renders a kind glyph (and optional
|
|
4131
|
+
* label) at the historical position so the user can compare the
|
|
4132
|
+
* present canvas against earlier state without losing context.
|
|
4133
|
+
*
|
|
4134
|
+
* Pure presentation; the host computes the historical position from the
|
|
4135
|
+
* scrubbed timestamp. The wrapper is `pointer-events: none` so host
|
|
4136
|
+
* gestures pass through.
|
|
4137
|
+
*
|
|
4138
|
+
* @example
|
|
4139
|
+
* ```tsx
|
|
4140
|
+
* <div className="relative h-screen w-screen">
|
|
4141
|
+
* <Canvas />
|
|
4142
|
+
* <PlaybackGhost x={420} y={180} kind="run" label="research-2025" />
|
|
4143
|
+
* </div>
|
|
4144
|
+
* ```
|
|
4145
|
+
*
|
|
4146
|
+
* @public
|
|
4147
|
+
*/
|
|
4148
|
+
declare const PlaybackGhost: react.ForwardRefExoticComponent<{
|
|
4149
|
+
/** Optional kind glyph + tooltip. */
|
|
4150
|
+
kind?: PlaybackGhostKind;
|
|
4151
|
+
/** Optional label rendered next to the glyph (e.g. id, run name). */
|
|
4152
|
+
label?: ReactNode;
|
|
4153
|
+
/** Localizable strings. */
|
|
4154
|
+
labels?: PlaybackGhostLabels;
|
|
4155
|
+
/** Ghost opacity `0..1`. Defaults to `0.4`. */
|
|
4156
|
+
opacity?: number;
|
|
4157
|
+
/** Ghost size in pixels. Defaults to `40`. */
|
|
4158
|
+
size?: number;
|
|
4159
|
+
/** Center X in canvas pixels. */
|
|
4160
|
+
x: number;
|
|
4161
|
+
/** Center Y in canvas pixels. */
|
|
4162
|
+
y: number;
|
|
4163
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4164
|
+
|
|
3689
4165
|
/**
|
|
3690
4166
|
* Presence status — drives the corner dot color.
|
|
3691
4167
|
*
|
|
@@ -3771,6 +4247,182 @@ declare const PresenceStack: react.ForwardRefExoticComponent<{
|
|
|
3771
4247
|
users: PresenceUser[];
|
|
3772
4248
|
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3773
4249
|
|
|
4250
|
+
/**
|
|
4251
|
+
* Connection / sync state — drives the dot color + animation.
|
|
4252
|
+
*
|
|
4253
|
+
* @public
|
|
4254
|
+
*/
|
|
4255
|
+
type PresenceSyncState = "error" | "live" | "offline" | "reconnecting" | "syncing";
|
|
4256
|
+
/**
|
|
4257
|
+
* Localizable strings.
|
|
4258
|
+
*
|
|
4259
|
+
* @public
|
|
4260
|
+
*/
|
|
4261
|
+
type PresenceSyncIndicatorLabels = {
|
|
4262
|
+
/** Aria-label override. Defaults to `"Presence sync"`. */
|
|
4263
|
+
region?: string;
|
|
4264
|
+
};
|
|
4265
|
+
/**
|
|
4266
|
+
* Props for {@link PresenceSyncIndicator}.
|
|
4267
|
+
*
|
|
4268
|
+
* @public
|
|
4269
|
+
*/
|
|
4270
|
+
type PresenceSyncIndicatorProps = {
|
|
4271
|
+
/** Optional override label (defaults to humanized state name). */
|
|
4272
|
+
label?: ReactNode;
|
|
4273
|
+
/** Localizable strings. */
|
|
4274
|
+
labels?: PresenceSyncIndicatorLabels;
|
|
4275
|
+
/** Connection state. */
|
|
4276
|
+
state: PresenceSyncState;
|
|
4277
|
+
/** Optional secondary line (peer count, latency). */
|
|
4278
|
+
status?: ReactNode;
|
|
4279
|
+
} & ComponentPropsWithoutRef<"div">;
|
|
4280
|
+
/**
|
|
4281
|
+
* Compact pill that surfaces live connection + sync health for the
|
|
4282
|
+
* canvas. Stays calm: a single dot + one-line label, with a subtle
|
|
4283
|
+
* pulse for transient `syncing` / `reconnecting` states.
|
|
4284
|
+
*
|
|
4285
|
+
* Pure presentation; the host owns the websocket / CRDT loop and maps
|
|
4286
|
+
* its diagnostics into one of five canonical states.
|
|
4287
|
+
*
|
|
4288
|
+
* @example
|
|
4289
|
+
* ```tsx
|
|
4290
|
+
* <PresenceSyncIndicator state="live" status="3 peers" />
|
|
4291
|
+
* <PresenceSyncIndicator state="reconnecting" status="retry 2/5" />
|
|
4292
|
+
* ```
|
|
4293
|
+
*
|
|
4294
|
+
* @public
|
|
4295
|
+
*/
|
|
4296
|
+
declare const PresenceSyncIndicator: react.ForwardRefExoticComponent<{
|
|
4297
|
+
/** Optional override label (defaults to humanized state name). */
|
|
4298
|
+
label?: ReactNode;
|
|
4299
|
+
/** Localizable strings. */
|
|
4300
|
+
labels?: PresenceSyncIndicatorLabels;
|
|
4301
|
+
/** Connection state. */
|
|
4302
|
+
state: PresenceSyncState;
|
|
4303
|
+
/** Optional secondary line (peer count, latency). */
|
|
4304
|
+
status?: ReactNode;
|
|
4305
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4306
|
+
|
|
4307
|
+
/**
|
|
4308
|
+
* Phase state — drives the bar tone.
|
|
4309
|
+
*
|
|
4310
|
+
* @public
|
|
4311
|
+
*/
|
|
4312
|
+
type RunPhaseState = "complete" | "failed" | "queued" | "running" | "stopped";
|
|
4313
|
+
/**
|
|
4314
|
+
* One lane in a multi-lane run timeline.
|
|
4315
|
+
*
|
|
4316
|
+
* @public
|
|
4317
|
+
*/
|
|
4318
|
+
type RunTimelineLane = {
|
|
4319
|
+
/** Stable identifier — used as the React key + phase routing. */
|
|
4320
|
+
id: string;
|
|
4321
|
+
/** Display label rendered to the left of the lane. */
|
|
4322
|
+
label: ReactNode;
|
|
4323
|
+
};
|
|
4324
|
+
/**
|
|
4325
|
+
* One phase block in the run timeline.
|
|
4326
|
+
*
|
|
4327
|
+
* @public
|
|
4328
|
+
*/
|
|
4329
|
+
type RunTimelinePhase = {
|
|
4330
|
+
/** End timestamp in the same units as `start` / `end`. */
|
|
4331
|
+
end: number;
|
|
4332
|
+
/** Stable identifier — used as the React key + analytics hook. */
|
|
4333
|
+
id: string;
|
|
4334
|
+
/** Optional label rendered inside the phase bar. */
|
|
4335
|
+
label?: ReactNode;
|
|
4336
|
+
/** Lane id this phase belongs to. Defaults to `"default"` (single-lane mode). */
|
|
4337
|
+
laneId?: string;
|
|
4338
|
+
/** Optional click handler — when provided, the phase becomes a button. */
|
|
4339
|
+
onActivate?: () => void;
|
|
4340
|
+
/** Start timestamp `>= timeline start`. */
|
|
4341
|
+
start: number;
|
|
4342
|
+
/** Phase state. Defaults to `"running"`. */
|
|
4343
|
+
state?: RunPhaseState;
|
|
4344
|
+
};
|
|
4345
|
+
/**
|
|
4346
|
+
* Localizable strings.
|
|
4347
|
+
*
|
|
4348
|
+
* @public
|
|
4349
|
+
*/
|
|
4350
|
+
type RunTimelineLabels = {
|
|
4351
|
+
/** Empty-state copy. Defaults to `"No phases"`. */
|
|
4352
|
+
empty?: string;
|
|
4353
|
+
/** Aria-label override. Defaults to `"Run timeline"`. */
|
|
4354
|
+
region?: string;
|
|
4355
|
+
};
|
|
4356
|
+
/**
|
|
4357
|
+
* Props for {@link RunTimeline}.
|
|
4358
|
+
*
|
|
4359
|
+
* @public
|
|
4360
|
+
*/
|
|
4361
|
+
type RunTimelineProps = {
|
|
4362
|
+
/** Optional cursor position in the same units as the range. Renders a vertical line. */
|
|
4363
|
+
cursor?: number;
|
|
4364
|
+
/** End of the time range. Must be `> start`. */
|
|
4365
|
+
end: number;
|
|
4366
|
+
/** Optional formatter for the start / cursor / end labels. */
|
|
4367
|
+
formatValue?: (value: number) => ReactNode;
|
|
4368
|
+
/** Localizable strings. */
|
|
4369
|
+
labels?: RunTimelineLabels;
|
|
4370
|
+
/** Optional explicit lane definitions in render order. Required for multi-lane mode. */
|
|
4371
|
+
lanes?: RunTimelineLane[];
|
|
4372
|
+
/** Phase blocks — order is irrelevant; routed to lanes by `laneId`. */
|
|
4373
|
+
phases: RunTimelinePhase[];
|
|
4374
|
+
/** Start of the time range. */
|
|
4375
|
+
start: number;
|
|
4376
|
+
} & ComponentPropsWithoutRef<"section">;
|
|
4377
|
+
/**
|
|
4378
|
+
* Multi-lane execution timeline showing run phases over time. Each
|
|
4379
|
+
* phase renders as a colored bar positioned by its start / end and
|
|
4380
|
+
* routed to a lane by `laneId`. Optional cursor draws a thin vertical
|
|
4381
|
+
* line for the current playback position.
|
|
4382
|
+
*
|
|
4383
|
+
* Pure presentation; the host computes the phase list from the run's
|
|
4384
|
+
* execution history. Pair with {@link "../timeline-scrubber/timeline-scrubber".TimelineScrubber}
|
|
4385
|
+
* to drive the cursor.
|
|
4386
|
+
*
|
|
4387
|
+
* Distinct from `MapTimeline` (geo-aware), `Stepper` (sequential
|
|
4388
|
+
* steps), and the timeline family `#32`–`#35`: this primitive is
|
|
4389
|
+
* specifically the run history surface inside the canvas.
|
|
4390
|
+
*
|
|
4391
|
+
* @example
|
|
4392
|
+
* ```tsx
|
|
4393
|
+
* <RunTimeline
|
|
4394
|
+
* start={0} end={3600}
|
|
4395
|
+
* cursor={1800}
|
|
4396
|
+
* lanes={[
|
|
4397
|
+
* { id: "ingest", label: "Ingest" },
|
|
4398
|
+
* { id: "rank", label: "Rank" },
|
|
4399
|
+
* ]}
|
|
4400
|
+
* phases={[
|
|
4401
|
+
* { id: "1", laneId: "ingest", start: 0, end: 600, state: "complete", label: "load" },
|
|
4402
|
+
* { id: "2", laneId: "rank", start: 600, end: 2400, state: "running", label: "score" },
|
|
4403
|
+
* ]}
|
|
4404
|
+
* />
|
|
4405
|
+
* ```
|
|
4406
|
+
*
|
|
4407
|
+
* @public
|
|
4408
|
+
*/
|
|
4409
|
+
declare const RunTimeline: react.ForwardRefExoticComponent<{
|
|
4410
|
+
/** Optional cursor position in the same units as the range. Renders a vertical line. */
|
|
4411
|
+
cursor?: number;
|
|
4412
|
+
/** End of the time range. Must be `> start`. */
|
|
4413
|
+
end: number;
|
|
4414
|
+
/** Optional formatter for the start / cursor / end labels. */
|
|
4415
|
+
formatValue?: (value: number) => ReactNode;
|
|
4416
|
+
/** Localizable strings. */
|
|
4417
|
+
labels?: RunTimelineLabels;
|
|
4418
|
+
/** Optional explicit lane definitions in render order. Required for multi-lane mode. */
|
|
4419
|
+
lanes?: RunTimelineLane[];
|
|
4420
|
+
/** Phase blocks — order is irrelevant; routed to lanes by `laneId`. */
|
|
4421
|
+
phases: RunTimelinePhase[];
|
|
4422
|
+
/** Start of the time range. */
|
|
4423
|
+
start: number;
|
|
4424
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
4425
|
+
|
|
3774
4426
|
/**
|
|
3775
4427
|
* Localizable strings.
|
|
3776
4428
|
*
|
|
@@ -3841,6 +4493,80 @@ declare const SelectionPresence: react.ForwardRefExoticComponent<{
|
|
|
3841
4493
|
y: number;
|
|
3842
4494
|
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3843
4495
|
|
|
4496
|
+
/**
|
|
4497
|
+
* State name — drives the badge tone.
|
|
4498
|
+
*
|
|
4499
|
+
* @public
|
|
4500
|
+
*/
|
|
4501
|
+
type StateBadgeState = "complete" | "failed" | "idle" | "queued" | "running" | "stopped";
|
|
4502
|
+
/**
|
|
4503
|
+
* Anchor corner relative to the canvas object the badge attaches to.
|
|
4504
|
+
*
|
|
4505
|
+
* @public
|
|
4506
|
+
*/
|
|
4507
|
+
type StateBadgeAnchor = "bottom-left" | "bottom-right" | "top-left" | "top-right";
|
|
4508
|
+
/**
|
|
4509
|
+
* Localizable strings.
|
|
4510
|
+
*
|
|
4511
|
+
* @public
|
|
4512
|
+
*/
|
|
4513
|
+
type StateBadgeOverlayLabels = {
|
|
4514
|
+
/** Aria-label override. Defaults to `"State"`. */
|
|
4515
|
+
region?: string;
|
|
4516
|
+
};
|
|
4517
|
+
/**
|
|
4518
|
+
* Props for {@link StateBadgeOverlay}.
|
|
4519
|
+
*
|
|
4520
|
+
* @public
|
|
4521
|
+
*/
|
|
4522
|
+
type StateBadgeOverlayProps = {
|
|
4523
|
+
/** Anchor corner. Defaults to `"top-right"`. */
|
|
4524
|
+
anchor?: StateBadgeAnchor;
|
|
4525
|
+
/** Optional override label (defaults to humanized state name). */
|
|
4526
|
+
label?: ReactNode;
|
|
4527
|
+
/** Localizable strings. */
|
|
4528
|
+
labels?: StateBadgeOverlayLabels;
|
|
4529
|
+
/** State to display. */
|
|
4530
|
+
state: StateBadgeState;
|
|
4531
|
+
/** Anchor X in canvas pixels. */
|
|
4532
|
+
x: number;
|
|
4533
|
+
/** Anchor Y in canvas pixels. */
|
|
4534
|
+
y: number;
|
|
4535
|
+
} & ComponentPropsWithoutRef<"div">;
|
|
4536
|
+
/**
|
|
4537
|
+
* State chip pinned to a canvas object's corner. Use when a single-
|
|
4538
|
+
* letter glyph in `ObjectCard` doesn't carry enough signal — for
|
|
4539
|
+
* runs that have transitioned, jobs that failed, agents idling. Pure
|
|
4540
|
+
* presentation; the host computes the anchor from the object's
|
|
4541
|
+
* bounding box.
|
|
4542
|
+
*
|
|
4543
|
+
* The wrapper is `pointer-events: none` — host gestures pass through.
|
|
4544
|
+
*
|
|
4545
|
+
* @example
|
|
4546
|
+
* ```tsx
|
|
4547
|
+
* <div className="relative h-screen w-screen">
|
|
4548
|
+
* <Canvas />
|
|
4549
|
+
* <StateBadgeOverlay state="running" x={420} y={180} anchor="top-right" />
|
|
4550
|
+
* </div>
|
|
4551
|
+
* ```
|
|
4552
|
+
*
|
|
4553
|
+
* @public
|
|
4554
|
+
*/
|
|
4555
|
+
declare const StateBadgeOverlay: react.ForwardRefExoticComponent<{
|
|
4556
|
+
/** Anchor corner. Defaults to `"top-right"`. */
|
|
4557
|
+
anchor?: StateBadgeAnchor;
|
|
4558
|
+
/** Optional override label (defaults to humanized state name). */
|
|
4559
|
+
label?: ReactNode;
|
|
4560
|
+
/** Localizable strings. */
|
|
4561
|
+
labels?: StateBadgeOverlayLabels;
|
|
4562
|
+
/** State to display. */
|
|
4563
|
+
state: StateBadgeState;
|
|
4564
|
+
/** Anchor X in canvas pixels. */
|
|
4565
|
+
x: number;
|
|
4566
|
+
/** Anchor Y in canvas pixels. */
|
|
4567
|
+
y: number;
|
|
4568
|
+
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4569
|
+
|
|
3844
4570
|
/**
|
|
3845
4571
|
* One message in a thread bubble.
|
|
3846
4572
|
*
|
|
@@ -3923,6 +4649,105 @@ declare const ThreadBubble: react.ForwardRefExoticComponent<{
|
|
|
3923
4649
|
title?: ReactNode;
|
|
3924
4650
|
} & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
3925
4651
|
|
|
4652
|
+
/**
|
|
4653
|
+
* One milestone tick rendered along the scrubber track.
|
|
4654
|
+
*
|
|
4655
|
+
* @public
|
|
4656
|
+
*/
|
|
4657
|
+
type TimelineTick = {
|
|
4658
|
+
/** Stable identifier — used as the React key + analytics hook. */
|
|
4659
|
+
id: string;
|
|
4660
|
+
/** Optional accessible label (e.g. `"deploy"`, `"alert"`). */
|
|
4661
|
+
label?: ReactNode;
|
|
4662
|
+
/** Optional tone for the tick. Defaults to `"neutral"`. */
|
|
4663
|
+
tone?: TimelineScrubberTone;
|
|
4664
|
+
/** Time value of the tick. */
|
|
4665
|
+
value: number;
|
|
4666
|
+
};
|
|
4667
|
+
/**
|
|
4668
|
+
* Tone of the scrubber's filled track + handle.
|
|
4669
|
+
*
|
|
4670
|
+
* @public
|
|
4671
|
+
*/
|
|
4672
|
+
type TimelineScrubberTone = "danger" | "neutral" | "primary" | "success" | "warn";
|
|
4673
|
+
/**
|
|
4674
|
+
* Localizable strings.
|
|
4675
|
+
*
|
|
4676
|
+
* @public
|
|
4677
|
+
*/
|
|
4678
|
+
type TimelineScrubberLabels = {
|
|
4679
|
+
/** Aria-label for the slider. Defaults to `"Timeline scrubber"`. */
|
|
4680
|
+
region?: string;
|
|
4681
|
+
};
|
|
4682
|
+
/**
|
|
4683
|
+
* Props for {@link TimelineScrubber}.
|
|
4684
|
+
*
|
|
4685
|
+
* @public
|
|
4686
|
+
*/
|
|
4687
|
+
type TimelineScrubberProps = {
|
|
4688
|
+
/** End of the time range. Must be `> start`. */
|
|
4689
|
+
end: number;
|
|
4690
|
+
/** Optional formatter for the cursor + endpoint labels. Receives the raw value. */
|
|
4691
|
+
formatValue?: (value: number) => ReactNode;
|
|
4692
|
+
/** Localizable strings. */
|
|
4693
|
+
labels?: TimelineScrubberLabels;
|
|
4694
|
+
/** Change handler — receives the new clamped value. */
|
|
4695
|
+
onValueChange: (value: number) => void;
|
|
4696
|
+
/** Start of the time range. */
|
|
4697
|
+
start: number;
|
|
4698
|
+
/** Step granularity for the underlying range input. Defaults to `1`. */
|
|
4699
|
+
step?: number;
|
|
4700
|
+
/** Optional milestone ticks rendered along the track. */
|
|
4701
|
+
ticks?: TimelineTick[];
|
|
4702
|
+
/** Tone of the filled track + handle. Defaults to `"primary"`. */
|
|
4703
|
+
tone?: TimelineScrubberTone;
|
|
4704
|
+
/** Current scrub value `start..end`. */
|
|
4705
|
+
value: number;
|
|
4706
|
+
} & Omit<ComponentPropsWithoutRef<"div">, "onChange">;
|
|
4707
|
+
/**
|
|
4708
|
+
* Range slider for scrubbing through canvas state playback. Renders a
|
|
4709
|
+
* thin track with optional milestone ticks plus the current value
|
|
4710
|
+
* cursor; the underlying `<input type="range">` keeps keyboard +
|
|
4711
|
+
* pointer + screen-reader semantics for free.
|
|
4712
|
+
*
|
|
4713
|
+
* Pure presentation; the host owns the value + drives playback in its
|
|
4714
|
+
* own loop. Pair with {@link "../playback-ghost/playback-ghost".PlaybackGhost} to fade the canvas
|
|
4715
|
+
* back to historical state as the user scrubs.
|
|
4716
|
+
*
|
|
4717
|
+
* @example
|
|
4718
|
+
* ```tsx
|
|
4719
|
+
* <TimelineScrubber
|
|
4720
|
+
* start={0} end={3600}
|
|
4721
|
+
* value={cursor}
|
|
4722
|
+
* onValueChange={setCursor}
|
|
4723
|
+
* ticks={milestones}
|
|
4724
|
+
* formatValue={(v) => formatDuration(v)}
|
|
4725
|
+
* />
|
|
4726
|
+
* ```
|
|
4727
|
+
*
|
|
4728
|
+
* @public
|
|
4729
|
+
*/
|
|
4730
|
+
declare const TimelineScrubber: react.ForwardRefExoticComponent<{
|
|
4731
|
+
/** End of the time range. Must be `> start`. */
|
|
4732
|
+
end: number;
|
|
4733
|
+
/** Optional formatter for the cursor + endpoint labels. Receives the raw value. */
|
|
4734
|
+
formatValue?: (value: number) => ReactNode;
|
|
4735
|
+
/** Localizable strings. */
|
|
4736
|
+
labels?: TimelineScrubberLabels;
|
|
4737
|
+
/** Change handler — receives the new clamped value. */
|
|
4738
|
+
onValueChange: (value: number) => void;
|
|
4739
|
+
/** Start of the time range. */
|
|
4740
|
+
start: number;
|
|
4741
|
+
/** Step granularity for the underlying range input. Defaults to `1`. */
|
|
4742
|
+
step?: number;
|
|
4743
|
+
/** Optional milestone ticks rendered along the track. */
|
|
4744
|
+
ticks?: TimelineTick[];
|
|
4745
|
+
/** Tone of the filled track + handle. Defaults to `"primary"`. */
|
|
4746
|
+
tone?: TimelineScrubberTone;
|
|
4747
|
+
/** Current scrub value `start..end`. */
|
|
4748
|
+
value: number;
|
|
4749
|
+
} & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange"> & react.RefAttributes<HTMLDivElement>>;
|
|
4750
|
+
|
|
3926
4751
|
/** A single tool call made by the assistant. */
|
|
3927
4752
|
type ToolCall = {
|
|
3928
4753
|
id: string;
|
|
@@ -4186,4 +5011,4 @@ declare function useHorizontalScroll(): UseHorizontalScrollReturn;
|
|
|
4186
5011
|
|
|
4187
5012
|
declare function cn(...inputs: ClassValue[]): string;
|
|
4188
5013
|
|
|
4189
|
-
export { AIChatInput, type AIChatInputProps, AIMessageBubble, type AIMessageBubbleProps, AISourceCitation, type AISourceCitationProps, AIStreamingText, type AIStreamingTextProps, AIToolCallDisplay, type AIToolCallDisplayProps, type AIToolCallStatus, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, ActivityHeatmap, type ActivityHeatmapItem, type ActivityHeatmapProps, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityLogTone, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnchorPort, type AnchorPortProps, AnimatedText, type AnimatedTextProps, Annotation, type AnnotationProps, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, BorderBeam, type BorderBeamProps, BottomBar, type BottomBarProps, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, CandlestickChart, type CandlestickChartProps, type CandlestickDatum, CanvasShell, type CanvasShellInsets, type CanvasShellProps, type CanvasShellRouteConfig, CanvasView, type CanvasViewHandle, type CanvasViewProps, type CanvasViewport, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, type ChatDockMessage, ChatDockSection, type ChatDockSectionProps, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, ConnectorEdge, type ConnectorEdgePoint, type ConnectorEdgeProps, Content, ContentCard$1 as ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationEmpty, type ConversationEmptyProps, ConversationHeader, type ConversationHeaderProps, ConversationLoading, type ConversationLoadingProps, type ConversationMessage, ConversationMessages, type ConversationMessagesProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationSuggestions, type ConversationSuggestionsProps, ConversationThread, type ConversationThreadProps, ConversationTitle, type ConversationTitleProps, CookieConsent, type CookieConsentProps, type CopyStatus, CountdownTimer, type CountdownTimerProps, CreditBadge, type CreditBadgeProps, type CreditBadgeStatus, Curriculum, CurriculumLesson, type CurriculumLessonProps, CurriculumModule, type CurriculumModuleProps, type CurriculumProps, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListProps, DataListValue, DataTableComponent as DataTable, type DataTableFilter, type DataTableFilterOption, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeLabel, type EdgeLabelProps, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, Flashcard, type FlashcardProps, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, GlassPanel, type GlassPanelProps, Glossary, type GlossaryProps, GroupHull, type GroupHullProps, Highlight, type HighlightProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InfinitePlane, type InfinitePlaneLabels, type InfinitePlanePattern, type InfinitePlaneProps, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LeftRail, type LeftRailProps, type LessonDifficulty, type LessonStatus, LineChart, LiveFeed, type LiveFeedEvent, type LiveFeedProps, MDXContent, MarketTreemap, type MarketTreemapItem, type MarketTreemapProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGauge, type MetricGaugeProps, type MetricGaugeThreshold, type MiniMapMarker, MiniMapPanel, type MiniMapPanelProps, type ModelInfo, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, ObjectCard, type ObjectCardAction, type ObjectCardMetric, type ObjectCardProps, ObjectHandle, type ObjectHandleProps, OrderBook, type OrderBookLevel, type OrderBookProps, OverviewBoard, type OverviewBoardItem, type OverviewBoardProps, OverviewCard, type OverviewCardProps, type OverviewCardTone, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PlanBadge, type PlanBadgeProps, type PlanBadgeState, type PlanBadgeTier, type PlatformConfig, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, PresenceStack, type PresenceStackLabels, type PresenceStackProps, type PresenceStatus, type PresenceUser, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, ContentCard as ProgressCard, type ContentCardProgress as ProgressCardProgress, type ContentCardProps as ProgressCardProps, ProgressTracker, ProgressTrackerBadge, type ProgressTrackerBadgeProps, ProgressTrackerModule, type ProgressTrackerModuleItem, type ProgressTrackerModuleProps, type ProgressTrackerModuleStatus, ProgressTrackerModules, type ProgressTrackerModulesProps, ProgressTrackerOverview, type ProgressTrackerOverviewProps, type ProgressTrackerProps, ProgressTrackerStat, type ProgressTrackerStatProps, ProgressTrackerStats, type ProgressTrackerStatsProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightDock, type RightDockProps, RoleBadge, type RoleBadgeProps, type RoleBadgeRole, ScopeSelector, type ScopeSelectorNode, type ScopeSelectorProps, type ScopeSelectorSelection, ScrollArea, ScrollBar, SearchBar, SearchDialog, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectionPresence, type SelectionPresenceLabels, type SelectionPresenceProps, Separator, SeverityBadge, type SeverityBadgeLevel, type SeverityBadgeProps, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, SparklineGrid, type SparklineGridItem, type SparklineGridProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StatusBoard, type StatusBoardItem, type StatusBoardProps, type StatusBoardStatus, StatusIndicator, type StatusIndicatorProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Stepper, type StepperProps, type StepperStep, SubscriptionCard, type SubscriptionCardProps, type SubscriptionCardStatus, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagsInput, type TagsInputProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, ThreadBubble, type ThreadBubbleLabels, type ThreadBubbleProps, type ThreadMessage, TickerTape, type TickerTapeItem, type TickerTapeProps, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToolCall, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, Tour, type TourProps, type TourStep, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, UnicodeSpinner, type UnicodeSpinnerAnimation, type UnicodeSpinnerProps, UsageBreakdown, type UsageBreakdownItem, type UsageBreakdownProps, type UsageBreakdownTone, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, type ViewportBookmark, ViewportBookmarks, type ViewportBookmarksLabels, type ViewportBookmarksProps, WalletCard, type WalletCardProps, Watchlist, type WatchlistItem, type WatchlistProps, type WorkspaceOption, WorkspaceSwitcher, type WorkspaceSwitcherProps, WorldBreadcrumbs, type WorldBreadcrumbsLabels, type WorldBreadcrumbsProps, WorldClockBar, type WorldClockBarProps, type WorldClockBarZone, type WorldCrumb, type WorldCrumbKind, ZoomHUD, type ZoomHUDProps, alertVariants, avatarGroupVariants, avatarItemVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, dataListItemVariants, dataListVariants, dotVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, segmentedControlItemVariants, segmentedControlVariants, severityBadgeVariants, statCardVariants, statusIndicatorVariants, toggleVariants, useDebounce, useFlowDiagram, useFormField, useHorizontalScroll, useMobile, useProgressTrackerContext, useSidebar, useSocialFab };
|
|
5014
|
+
export { AIChatInput, type AIChatInputProps, AIMessageBubble, type AIMessageBubbleProps, AISourceCitation, type AISourceCitationProps, AIStreamingText, type AIStreamingTextProps, AIToolCallDisplay, type AIToolCallDisplayProps, type AIToolCallStatus, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type ActivityEvent, ActivityHeatmap, type ActivityHeatmapItem, type ActivityHeatmapProps, ActivityLog, type ActivityLogItem, type ActivityLogProps, type ActivityLogTone, type ActivityStripTone, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AnchorPort, type AnchorPortProps, AnimatedText, type AnimatedTextProps, Annotation, type AnnotationProps, AreaChart, AspectRatio, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, AvatarImage, Badge, type BadgeProps, BarChart, BeforeAfter, type BeforeAfterProps, BlogCard, BorderBeam, type BorderBeamProps, BottomActivityStrip, type BottomActivityStripLabels, type BottomActivityStripProps, BottomBar, type BottomBarProps, Breadcrumb, type BreadcrumbItem, Button, type ButtonProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutVariant, CandlestickChart, type CandlestickChartProps, type CandlestickDatum, CanvasShell, type CanvasShellInsets, type CanvasShellProps, type CanvasShellRouteConfig, CanvasView, type CanvasViewHandle, type CanvasViewProps, type CanvasViewport, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryFilter, type ChatDockMessage, ChatDockSection, type ChatDockSectionProps, Checkbox, Checklist, type ChecklistItem, type ChecklistProps, CodeBlock, CodePlayground, type CodePlaygroundProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CommentPin, type CommentPinLabels, type CommentPinProps, type CommentPinState, CommonMistake, type CommonMistakeProps, Comparison, type ComparisonProps, CompletionDialog, type CompletionDialogProps, ConnectorEdge, type ConnectorEdgePoint, type ConnectorEdgeProps, Content, ContentCard$1 as ContentCard, ContentIntro, type ContentIntroLabels, type ContentIntroProps, type ContentIntroSection, type ContentMeta, type ContentProgress, type ContentSection, type ContentSectionMinimal, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationEmpty, type ConversationEmptyProps, ConversationHeader, type ConversationHeaderProps, ConversationLoading, type ConversationLoadingProps, type ConversationMessage, ConversationMessages, type ConversationMessagesProps, ConversationScrollButton, type ConversationScrollButtonProps, ConversationSuggestions, type ConversationSuggestionsProps, ConversationThread, type ConversationThreadProps, ConversationTitle, type ConversationTitleProps, CookieConsent, type CookieConsentProps, type CopyStatus, CountdownTimer, type CountdownTimerProps, CreditBadge, type CreditBadgeProps, type CreditBadgeStatus, Curriculum, CurriculumLesson, type CurriculumLessonProps, CurriculumModule, type CurriculumModuleProps, type CurriculumProps, DataList, DataListItem, type DataListItemProps, DataListLabel, type DataListProps, DataListValue, DataTableComponent as DataTable, type DataTableFilter, type DataTableFilterOption, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DifficultyLevel, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EdgeLabel, type EdgeLabelProps, Exercise, type ExerciseProps, FAQ, FAQItem, type FAQItemProps, type FAQProps, FileTree, type FileTreeProps, FileUpload, type FileUploadProps, FilterBar, type FilterBarLabels, type FilterBarProps, type FilterOption, type FilterUpdates, Flashcard, type FlashcardProps, FloatingActionButton, type FloatingActionButtonProps, FlowControls, type FlowControlsProps, FlowDiagram, type FlowDiagramEdge, type FlowDiagramNode, type FlowDiagramProps, FlowErrorBoundary, FlowFullscreen, type FlowFullscreenProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, GlassPanel, type GlassPanelProps, Glossary, type GlossaryProps, GroupHull, type GroupHullProps, HeatOverlay, type HeatOverlayLabels, type HeatOverlayProps, type HeatOverlayTone, type HeatPoint, Highlight, type HighlightProps, HorizontalScrollRow, type HorizontalScrollRowProps, HoverCard, HoverCardContent, HoverCardTrigger, InfinitePlane, type InfinitePlaneLabels, type InfinitePlanePattern, type InfinitePlaneProps, InlineInput, type InlineInputProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KeyConcept, type KeyConceptProps, type KeyboardShortcut, KeyboardShortcutsHelp, type KeyboardShortcutsHelpProps, LANGUAGE_NAMES, Label, LangProvider, LearningObjectives, type LearningObjectivesProps, LeftRail, type LeftRailProps, type LessonDifficulty, type LessonStatus, LineChart, LiveCursor, type LiveCursorLabels, type LiveCursorProps, LiveFeed, type LiveFeedEvent, type LiveFeedProps, MDXContent, MarketTreemap, type MarketTreemapItem, type MarketTreemapProps, Marquee, type MarqueeProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricCluster, type MetricClusterAnchor, type MetricClusterEntry, type MetricClusterLabels, type MetricClusterProps, type MetricClusterTone, MetricGauge, type MetricGaugeProps, type MetricGaugeThreshold, type MiniMapMarker, MiniMapPanel, type MiniMapPanelProps, type ModelInfo, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, type NavItem, NavbarSaas, type NavbarSaasProps, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, ObjectCard, type ObjectCardAction, type ObjectCardMetric, type ObjectCardProps, ObjectHandle, type ObjectHandleProps, OrderBook, type OrderBookLevel, type OrderBookProps, OverviewBoard, type OverviewBoardItem, type OverviewBoardProps, OverviewCard, type OverviewCardProps, type OverviewCardTone, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PlanBadge, type PlanBadgeProps, type PlanBadgeState, type PlanBadgeTier, type PlatformConfig, PlaybackGhost, type PlaybackGhostKind, type PlaybackGhostLabels, type PlaybackGhostProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Prerequisites, type PrerequisitesProps, PresenceStack, type PresenceStackLabels, type PresenceStackProps, type PresenceStatus, PresenceSyncIndicator, type PresenceSyncIndicatorLabels, type PresenceSyncIndicatorProps, type PresenceSyncState, type PresenceUser, ProTip, type ProTipProps, type ProTipVariant, ProfileSection, ProgressBar, type ProgressBarProps, ContentCard as ProgressCard, type ContentCardProgress as ProgressCardProgress, type ContentCardProps as ProgressCardProps, ProgressTracker, ProgressTrackerBadge, type ProgressTrackerBadgeProps, ProgressTrackerModule, type ProgressTrackerModuleItem, type ProgressTrackerModuleProps, type ProgressTrackerModuleStatus, ProgressTrackerModules, type ProgressTrackerModulesProps, ProgressTrackerOverview, type ProgressTrackerOverviewProps, type ProgressTrackerProps, ProgressTrackerStat, type ProgressTrackerStatProps, ProgressTrackerStats, type ProgressTrackerStatsProps, Quiz, type QuizOption, type QuizProps, RadioGroup, RadioGroupItem, Rating, type RatingProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RightDock, type RightDockProps, RoleBadge, type RoleBadgeProps, type RoleBadgeRole, type RunPhaseState, RunTimeline, type RunTimelineLabels, type RunTimelineLane, type RunTimelinePhase, type RunTimelineProps, ScopeSelector, type ScopeSelectorNode, type ScopeSelectorProps, type ScopeSelectorSelection, ScrollArea, ScrollBar, SearchBar, SearchDialog, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectionPresence, type SelectionPresenceLabels, type SelectionPresenceProps, Separator, SeverityBadge, type SeverityBadgeLevel, type SeverityBadgeProps, ShareDialog, type ShareDialogLabels, type SharePlatform as ShareDialogPlatform, type ShareDialogProps, type SharePlatform$1 as SharePlatform, type SharePlatformConfig, ShareSection, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, type SidebarItem, SidebarProvider, type SidebarSection, SidebarToggle, type SidebarToggleProps, SimpleTerminal, type SimpleTerminalProps, Skeleton, Slider, Slideshow, type SlideshowLabels, type SlideshowProps, type SlideshowSection, SocialFAB, type SocialFabActionConfig, type SocialFabLabels, type SocialFabProps, SparklineGrid, type SparklineGridItem, type SparklineGridProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, type StateBadgeAnchor, StateBadgeOverlay, type StateBadgeOverlayLabels, type StateBadgeOverlayProps, type StateBadgeState, StatusBoard, type StatusBoardItem, type StatusBoardProps, type StatusBoardStatus, StatusIndicator, type StatusIndicatorProps, Step, StepByStep, type StepByStepProps, StepNavigation, type StepNavigationProps, type StepProps, Stepper, type StepperProps, type StepperStep, SubscriptionCard, type SubscriptionCardProps, type SubscriptionCardStatus, Summary, type SummaryProps, Switch, TLDRSection, type TOCSection, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableOfContentsPanel, type TableOfContentsPanelProps, TableRow, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagsInput, type TagsInputProps, Terminal, type TerminalLine, type TerminalProps, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, ThinkingBlock, type ThinkingBlockProps, ThreadBubble, type ThreadBubbleLabels, type ThreadBubbleProps, type ThreadMessage, TickerTape, type TickerTapeItem, type TickerTapeProps, TimelineScrubber, type TimelineScrubberLabels, type TimelineScrubberProps, type TimelineScrubberTone, type TimelineTick, Toast, ToastAction, ToastClose, ToastDescription, type ToastProps, ToastTitle, Toaster, Toggle, ToggleGroup, ToggleGroupItem, type ToolCall, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, Tour, type TourProps, type TourStep, TruncatedText, type TruncatedTextProps, TutorialCard, type TutorialCardLabels, type TutorialCardMeta, type TutorialCardProgress, type TutorialCardProps, TutorialComplete, type TutorialCompleteLabels, type TutorialCompleteProps, type TutorialCompleteRelatedContent, type TutorialCompleteSection, TutorialFilters, type TutorialFiltersLabels, type TutorialFiltersProps, TutorialIntroContent, type TutorialIntroContentProps, TutorialMDX, type TutorialMDXProps, type SupportedLanguage as UISupportedLanguage, UnicodeSpinner, type UnicodeSpinnerAnimation, type UnicodeSpinnerProps, UsageBreakdown, type UsageBreakdownItem, type UsageBreakdownProps, type UsageBreakdownTone, type UseFlowDiagramOptions, type UseFlowDiagramReturn, VideoEmbed, type VideoEmbedProps, type ViewOption, ViewSwitcher, type ViewSwitcherProps, type ViewportBookmark, ViewportBookmarks, type ViewportBookmarksLabels, type ViewportBookmarksProps, WalletCard, type WalletCardProps, Watchlist, type WatchlistItem, type WatchlistProps, type WorkspaceOption, WorkspaceSwitcher, type WorkspaceSwitcherProps, WorldBreadcrumbs, type WorldBreadcrumbsLabels, type WorldBreadcrumbsProps, WorldClockBar, type WorldClockBarProps, type WorldClockBarZone, type WorldCrumb, type WorldCrumbKind, ZoomHUD, type ZoomHUDProps, alertVariants, avatarGroupVariants, avatarItemVariants, badgeVariants, buttonVariants, cn, cookieConsentVariants, dataListItemVariants, dataListVariants, dotVariants, getOtherLanguage, mdxComponents, navigationMenuTriggerStyle, segmentedControlItemVariants, segmentedControlVariants, severityBadgeVariants, statCardVariants, statusIndicatorVariants, toggleVariants, useDebounce, useFlowDiagram, useFormField, useHorizontalScroll, useMobile, useProgressTrackerContext, useSidebar, useSocialFab };
|