@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/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 };