@skyvexsoftware/stratos-sdk 0.16.0 → 0.16.3

package/dist/hooks/useTrackingSession.d.ts

@@ -25,6 +25,8 @@ type UseTrackingSessionReturn = {
      * recovery dialog.
      */
     reconnecting: boolean;
+    /** Reason tracking is suspended; null when not suspended. */
+    suspendReason: string | null;
     currentFlight: CurrentFlight | null;
     pendingRecovery: RecoverableFlight | null;
     elapsedTime: number;

package/dist/hooks/useTrackingSession.js

@@ -56,6 +56,7 @@ export function useTrackingSession() {
                 pendingRecovery: payload.pendingRecovery,
                 simDisconnected: payload.simDisconnected,
                 reconnecting: payload.reconnecting,
+                suspendReason: payload.suspendReason ?? null,
             });
         };
         // Refetch on socket connect — catches flights started before the UI loaded
@@ -73,6 +74,7 @@ export function useTrackingSession() {
     const pendingRecovery = stateData?.pendingRecovery ?? null;
     const simDisconnected = stateData?.simDisconnected ?? false;
     const reconnecting = stateData?.reconnecting ?? false;
+    const suspendReason = stateData?.suspendReason ?? null;
     const startFlight = useCallback(async (plan, options) => {
         const result = await api("/start", "POST", { flightPlan: plan, options });
         return result.data;
@@ -155,6 +157,7 @@ export function useTrackingSession() {
         isPaused: flight?.status === "paused",
         simDisconnected,
         reconnecting,
+        suspendReason,
         currentFlight: flight,
         pendingRecovery,
         elapsedTime,

package/dist/shared-types/flight-manager.d.ts

@@ -132,6 +132,8 @@ export type FlightManagerPayload = {
      * never resume silently without the pilot seeing it.
      */
     reconnecting: boolean;
+    /** Why tracking is suspended (continuity gate asserted a discontinuity), or null. Present whenever `simDisconnected` is true. */
+    suspendReason?: string | null;
     timestamp: number;
 };
 /** Result returned from startFlight */

package/dist/shims/react.d.ts

@@ -3,7 +3,9 @@ export default _default;
 export declare const __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE: any;
 export declare const __COMPILER_RUNTIME: any;
 export declare const act: any;
+export declare const Activity: any;
 export declare const cache: any;
+export declare const cacheSignal: any;
 export declare const captureOwnerStack: any;
 export declare const Children: any;
 export declare const cloneElement: any;
@@ -29,6 +31,7 @@ export declare const useContext: any;
 export declare const useDebugValue: any;
 export declare const useDeferredValue: any;
 export declare const useEffect: any;
+export declare const useEffectEvent: any;
 export declare const useId: any;
 export declare const useImperativeHandle: any;
 export declare const useInsertionEffect: any;

package/dist/shims/react.js

@@ -10,7 +10,9 @@ export default __m.default ?? __m;
 export const __CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = __m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 export const __COMPILER_RUNTIME = __m.__COMPILER_RUNTIME;
 export const act = __m.act;
+export const Activity = __m.Activity;
 export const cache = __m.cache;
+export const cacheSignal = __m.cacheSignal;
 export const captureOwnerStack = __m.captureOwnerStack;
 export const Children = __m.Children;
 export const cloneElement = __m.cloneElement;
@@ -36,6 +38,7 @@ export const useContext = __m.useContext;
 export const useDebugValue = __m.useDebugValue;
 export const useDeferredValue = __m.useDeferredValue;
 export const useEffect = __m.useEffect;
+export const useEffectEvent = __m.useEffectEvent;
 export const useId = __m.useId;
 export const useImperativeHandle = __m.useImperativeHandle;
 export const useInsertionEffect = __m.useInsertionEffect;

package/dist/ui/alert-dialog.d.ts

@@ -6,11 +6,11 @@ declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortal
 declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/ui/badge.d.ts

@@ -6,6 +6,6 @@ declare const badgeVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /** Props for the `Badge` component, extending native div attributes with CVA variants. */
 export type BadgeProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>;
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

package/dist/ui/card.d.ts

@@ -1,10 +1,13 @@
 import * as React from "react";
-declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+type CardTitleProps = React.ComponentProps<"h3"> & {
+    as?: React.ElementType;
+};
+declare function CardTitle({ as: Comp, className, ...props }: CardTitleProps): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
 //# sourceMappingURL=card.d.ts.map

package/dist/ui/card.js

@@ -6,8 +6,8 @@ function Card({ className, ...props }) {
 function CardHeader({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6", className), ...props }));
 }
-function CardTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-title", className: cn("font-semibold leading-none", className), ...props }));
+function CardTitle({ as: Comp = "h3", className, ...props }) {
+    return (_jsx(Comp, { "data-slot": "card-title", className: cn("font-semibold leading-none", className), ...props }));
 }
 function CardDescription({ className, ...props }) {
     return (_jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props }));

package/dist/ui/combobox.d.ts

@@ -1,4 +1,5 @@
 /** @page UI Component Props */
+import * as React from "react";
 /** A single selectable option in the `Combobox` list. */
 export type ComboboxOption = {
     value: string;
@@ -23,6 +24,12 @@ export type ComboboxProps = {
     contentClassName?: string;
     align?: "start" | "center" | "end";
     onOpenChange?: (open: boolean) => void;
+    /** Element id applied to the trigger button. */
+    id?: string;
+    /** Accessible name for the trigger button (and the search field inside the popover). */
+    "aria-label"?: string;
+    /** Id of an element that labels the trigger button. */
+    "aria-labelledby"?: string;
 };
 /**
  * Searchable single-select built on Popover + cmdk. The list scrolls
@@ -30,5 +37,5 @@ export type ComboboxProps = {
  * selected option with a check. Pass `loading` while options are being
  * fetched to keep the trigger usable without a flickering empty state.
  */
-export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, loading, loadingText, disabled, triggerClassName, contentClassName, align, onOpenChange, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyText, loading, loadingText, disabled, triggerClassName, contentClassName, align, onOpenChange, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: ComboboxProps): React.JSX.Element;
 //# sourceMappingURL=combobox.d.ts.map

package/dist/ui/combobox.js

@@ -11,14 +11,15 @@ import { Popover, PopoverContent, PopoverTrigger } from "./popover";
  * selected option with a check. Pass `loading` while options are being
  * fetched to keep the trigger usable without a flickering empty state.
  */
-export function Combobox({ options, value, onValueChange, placeholder = "Select…", searchPlaceholder = "Search…", emptyText = "No results.", loading = false, loadingText = "Loading…", disabled = false, triggerClassName, contentClassName, align = "start", onOpenChange, }) {
+export function Combobox({ options, value, onValueChange, placeholder = "Select…", searchPlaceholder = "Search…", emptyText = "No results.", loading = false, loadingText = "Loading…", disabled = false, triggerClassName, contentClassName, align = "start", onOpenChange, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }) {
     const [open, setOpen] = React.useState(false);
     const selected = options.find((option) => option.value === value);
+    const inputAriaLabel = ariaLabel ?? selected?.label ?? placeholder;
     const handleOpenChange = (next) => {
         setOpen(next);
         onOpenChange?.(next);
     };
-    return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, disabled: disabled, className: cn("border-input bg-background ring-offset-background focus:ring-ring flex h-9 w-full items-center justify-between rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", triggerClassName), children: [_jsx("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { align: align, className: cn("w-[var(--radix-popover-trigger-width)] p-0", contentClassName), children: _jsxs(Command, { className: "text-popover-foreground flex w-full flex-col overflow-hidden", children: [_jsxs("div", { className: "border-border flex items-center border-b px-2.5", children: [_jsx(Search, { className: "text-muted-foreground mr-2 h-4 w-4 shrink-0" }), _jsx(Command.Input, { placeholder: searchPlaceholder, className: "placeholder:text-muted-foreground h-9 w-full bg-transparent py-2 text-sm outline-none" })] }), _jsx(Command.List, { className: "max-h-60 overflow-y-auto p-1", children: loading ? (_jsx("div", { className: "text-muted-foreground py-3 text-center text-sm", children: loadingText })) : (_jsxs(_Fragment, { children: [_jsx(Command.Empty, { className: "text-muted-foreground py-3 text-center text-sm", children: emptyText }), options.map((option) => (_jsxs(Command.Item, { value: `${option.label} ${option.value}`, onSelect: () => {
+    return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", id: id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled: disabled, className: cn("border-input bg-background ring-offset-background focus:ring-ring flex h-9 w-full items-center justify-between rounded-md border px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", triggerClassName), children: [_jsx("span", { className: cn("truncate", !selected && "text-muted-foreground"), children: selected ? selected.label : placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { align: align, className: cn("w-[var(--radix-popover-trigger-width)] p-0", contentClassName), children: _jsxs(Command, { className: "text-popover-foreground flex w-full flex-col overflow-hidden", children: [_jsxs("div", { className: "border-border flex items-center border-b px-2.5", children: [_jsx(Search, { className: "text-muted-foreground mr-2 h-4 w-4 shrink-0" }), _jsx(Command.Input, { placeholder: searchPlaceholder, "aria-label": inputAriaLabel, className: "placeholder:text-muted-foreground h-9 w-full bg-transparent py-2 text-sm outline-none" })] }), _jsx(Command.List, { className: "max-h-60 overflow-y-auto p-1", children: loading ? (_jsx("div", { className: "text-muted-foreground py-3 text-center text-sm", children: loadingText })) : (_jsxs(_Fragment, { children: [_jsx(Command.Empty, { className: "text-muted-foreground py-3 text-center text-sm", children: emptyText }), options.map((option) => (_jsxs(Command.Item, { value: `${option.label} ${option.value}`, onSelect: () => {
                                             onValueChange?.(option.value);
                                             handleOpenChange(false);
                                         }, className: "aria-selected:bg-accent aria-selected:text-accent-foreground flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-none", children: [_jsx(Check, { className: cn("mr-2 h-4 w-4 shrink-0", value === option.value ? "opacity-100" : "opacity-0") }), _jsx("span", { className: "truncate", children: option.label })] }, option.value)))] })) })] }) })] }));

package/dist/ui/dialog.d.ts

@@ -6,8 +6,8 @@ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/ui/input.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
 export { Input };
 //# sourceMappingURL=input.d.ts.map

package/dist/ui/label.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
 export { Label };
 //# sourceMappingURL=label.d.ts.map

package/dist/ui/slider.js

@@ -2,6 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { cn } from "../utils/cn";
-const Slider = React.forwardRef(({ className, ...props }, ref) => (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: _jsx(SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }), _jsx(SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring focus-visible:outline-hidden block h-4 w-4 rounded-full border shadow-sm transition-colors focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50" })] })));
+const Slider = React.forwardRef(({ className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) => {
+    // Only include the aria attributes when they're actually set. For a
+    // multi-value slider, Radix's Thumb falls back to a computed positional
+    // label ("Minimum"/"Maximum"/"Value N of M") when no aria-label is
+    // supplied; spreading an explicit `aria-label: undefined` key would
+    // overwrite that fallback (Radix's internal spread order puts the
+    // caller's props last), leaving the thumb with no accessible name at
+    // all. Omitting the key entirely preserves whatever fallback Radix
+    // computes.
+    const thumbAriaProps = {};
+    if (ariaLabel !== undefined)
+        thumbAriaProps["aria-label"] = ariaLabel;
+    if (ariaLabelledBy !== undefined)
+        thumbAriaProps["aria-labelledby"] = ariaLabelledBy;
+    return (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: _jsx(SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }), _jsx(SliderPrimitive.Thumb, { ...thumbAriaProps, className: "border-primary/50 bg-background focus-visible:ring-ring focus-visible:outline-hidden block h-4 w-4 rounded-full border shadow-sm transition-colors focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50" })] }));
+});
 Slider.displayName = SliderPrimitive.Root.displayName;
 export { Slider };

package/dist/ui/switch.d.ts

@@ -1,13 +1,12 @@
 import * as React from "react";
-type SwitchProps = {
+type SwitchProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "checked" | "onClick" | "type" | "role"> & {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    className?: string;
-    id?: string;
-    name?: string;
 };
-declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "role" | "onClick" | "checked"> & {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+} & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };
 export type { SwitchProps };
 //# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../utils/cn";
-const Switch = React.forwardRef(({ checked = false, onCheckedChange, disabled, className, ...props }, ref) => (_jsx("button", { type: "button", role: "switch", "aria-checked": checked, ref: ref, disabled: disabled, onClick: () => onCheckedChange?.(!checked), className: cn("relative inline-flex shrink-0 cursor-pointer rounded-md transition-all duration-150", "h-[18px] w-[32px]", checked
+const Switch = React.forwardRef(({ checked = false, onCheckedChange, disabled, className, ...props }, ref) => (_jsx("button", { type: "button", role: "switch", "aria-checked": checked, ref: ref, disabled: disabled, onClick: () => onCheckedChange?.(!checked), className: cn("relative inline-flex shrink-0 cursor-pointer rounded-md transition-all duration-150", "h-[18px] w-[32px]", "focus-visible:outline-hidden focus-visible:ring-ring focus-visible:ring-2", checked
         ? "border-primary bg-primary border"
         : "border-border-interactive bg-muted border", disabled && "cursor-not-allowed opacity-50", className), ...props, children: _jsx("span", { className: cn("pointer-events-none absolute top-[2px] h-[12px] w-[12px] rounded-sm transition-[left] duration-150", checked ? "bg-primary-foreground left-[16px]" : "left-[2px] bg-white") }) })));
 Switch.displayName = "Switch";

package/dist/ui/textarea.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyvexsoftware/stratos-sdk",
-  "version": "0.16.0",
+  "version": "0.16.3",
   "description": "Plugin SDK for Stratos — types, hooks, and UI components",
   "author": {
     "name": "Skyvex Software Pty Ltd",