@viamrobotics/test-widgets 0.6.1 → 0.8.0

package/README.md

@@ -10,7 +10,7 @@ The playground (`pnpm dev`) can be used to develop the test-cards against prod r
 
 This is useful if you need to validate the sdk against specific behavior of modules or need to replicate a bug from another robot (why replicate locally when you could just develop directly against the robot with the bug?).
 
-To setup your playground, create a `.env.local` in the test-cards directory with the following format (no need to create two robots):
+To setup your playground, create a `.env.local` in the test-widgets directory with the following format (no need to create two robots):
 
 ```json
 VITE_PLAYGROUND_ROBOTS='

package/dist/api-docs-href.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Returns the docs URL for a given resource API + method, or undefined
+ * when the method has no dedicated anchor (e.g. GetStatus, GetSourceNames).
+ *
+ * @param api  - RDK API string, e.g. "rdk:component:movement_sensor"
+ * @param method - camelCase method name, e.g. "getPosition"
+ */
+export declare const apiDocsHref: (api: string, method: string) => string | undefined;

package/dist/api-docs-href.js

@@ -0,0 +1,17 @@
+const NO_LINK_METHODS = new Set(['getStatus', 'getSourceNames']);
+/**
+ * Returns the docs URL for a given resource API + method, or undefined
+ * when the method has no dedicated anchor (e.g. GetStatus, GetSourceNames).
+ *
+ * @param api  - RDK API string, e.g. "rdk:component:movement_sensor"
+ * @param method - camelCase method name, e.g. "getPosition"
+ */
+export const apiDocsHref = (api, method) => {
+    if (NO_LINK_METHODS.has(method))
+        return undefined;
+    const isService = api.includes(':service:');
+    // RDK API strings use underscores (movement_sensor); docs URLs use hyphens (movement-sensor)
+    const subtype = api.split(':').at(-1).replaceAll('_', '-');
+    const kind = isService ? 'services' : 'components';
+    return `https://docs.viam.com/reference/apis/${kind}/${subtype}/#${method.toLowerCase()}`;
+};

package/dist/client-map.d.ts

@@ -1,34 +1,34 @@
 import { ArmClient, AudioInClient, AudioOutClient, BaseClient, BoardClient, ButtonClient, CameraClient, DataManagerClient, DiscoveryClient, EncoderClient, GantryClient, GenericComponentClient, GenericServiceClient, GripperClient, InputControllerClient, MLModelClient, MotionClient, MotorClient, MovementSensorClient, NavigationClient, PoseTrackerClient, PowerSensorClient, type ResourceName, SensorClient, ServoClient, SlamClient, SwitchClient, VideoClient, VisionClient, WorldStateStoreClient } from '@viamrobotics/sdk';
 export declare const clientMap: {
-    readonly 'rdk:component:arm': typeof ArmClient;
-    readonly 'rdk:component:audio_in': typeof AudioInClient;
-    readonly 'rdk:component:audio_out': typeof AudioOutClient;
-    readonly 'rdk:component:base': typeof BaseClient;
-    readonly 'rdk:component:board': typeof BoardClient;
-    readonly 'rdk:component:button': typeof ButtonClient;
-    readonly 'rdk:component:camera': typeof CameraClient;
-    readonly 'rdk:component:encoder': typeof EncoderClient;
-    readonly 'rdk:component:gantry': typeof GantryClient;
-    readonly 'rdk:component:generic': typeof GenericComponentClient;
-    readonly 'rdk:component:gripper': typeof GripperClient;
-    readonly 'rdk:component:input_controller': typeof InputControllerClient;
-    readonly 'rdk:component:motor': typeof MotorClient;
-    readonly 'rdk:component:movement_sensor': typeof MovementSensorClient;
-    readonly 'rdk:component:pose_tracker': typeof PoseTrackerClient;
-    readonly 'rdk:component:power_sensor': typeof PowerSensorClient;
-    readonly 'rdk:component:sensor': typeof SensorClient;
-    readonly 'rdk:component:servo': typeof ServoClient;
-    readonly 'rdk:component:switch': typeof SwitchClient;
-    readonly 'rdk:service:data_manager': typeof DataManagerClient;
-    readonly 'rdk:service:discovery': typeof DiscoveryClient;
-    readonly 'rdk:service:generic': typeof GenericServiceClient;
-    readonly 'rdk:service:mlmodel': typeof MLModelClient;
-    readonly 'rdk:service:motion': typeof MotionClient;
-    readonly 'rdk:service:navigation': typeof NavigationClient;
-    readonly 'rdk:service:slam': typeof SlamClient;
-    readonly 'rdk:service:vision': typeof VisionClient;
-    readonly 'rdk:service:world_state_store': typeof WorldStateStoreClient;
-    readonly 'rdk:service:video': typeof VideoClient;
+    readonly "rdk:component:arm": typeof ArmClient;
+    readonly "rdk:component:audio_in": typeof AudioInClient;
+    readonly "rdk:component:audio_out": typeof AudioOutClient;
+    readonly "rdk:component:base": typeof BaseClient;
+    readonly "rdk:component:board": typeof BoardClient;
+    readonly "rdk:component:button": typeof ButtonClient;
+    readonly "rdk:component:camera": typeof CameraClient;
+    readonly "rdk:component:encoder": typeof EncoderClient;
+    readonly "rdk:component:gantry": typeof GantryClient;
+    readonly "rdk:component:generic": typeof GenericComponentClient;
+    readonly "rdk:component:gripper": typeof GripperClient;
+    readonly "rdk:component:input_controller": typeof InputControllerClient;
+    readonly "rdk:component:motor": typeof MotorClient;
+    readonly "rdk:component:movement_sensor": typeof MovementSensorClient;
+    readonly "rdk:component:pose_tracker": typeof PoseTrackerClient;
+    readonly "rdk:component:power_sensor": typeof PowerSensorClient;
+    readonly "rdk:component:sensor": typeof SensorClient;
+    readonly "rdk:component:servo": typeof ServoClient;
+    readonly "rdk:component:switch": typeof SwitchClient;
+    readonly "rdk:service:data_manager": typeof DataManagerClient;
+    readonly "rdk:service:discovery": typeof DiscoveryClient;
+    readonly "rdk:service:generic": typeof GenericServiceClient;
+    readonly "rdk:service:mlmodel": typeof MLModelClient;
+    readonly "rdk:service:motion": typeof MotionClient;
+    readonly "rdk:service:navigation": typeof NavigationClient;
+    readonly "rdk:service:slam": typeof SlamClient;
+    readonly "rdk:service:video": typeof VideoClient;
+    readonly "rdk:service:vision": typeof VisionClient;
+    readonly "rdk:service:world_state_store": typeof WorldStateStoreClient;
 };
-export declare const clientForResource: (resource: ResourceName) => typeof ArmClient | typeof AudioInClient | typeof AudioOutClient | typeof BaseClient | typeof BoardClient | typeof ButtonClient | typeof CameraClient | typeof EncoderClient | typeof GantryClient | typeof GenericComponentClient | typeof GripperClient | typeof InputControllerClient | typeof MotorClient | typeof MovementSensorClient | typeof PoseTrackerClient | typeof PowerSensorClient | typeof SensorClient | typeof ServoClient | typeof SwitchClient | typeof DataManagerClient | typeof DiscoveryClient | typeof GenericServiceClient | typeof MLModelClient | typeof MotionClient | typeof NavigationClient | typeof SlamClient | typeof VisionClient | typeof WorldStateStoreClient | typeof VideoClient | undefined;
+export declare const clientForResource: (resource: ResourceName) => typeof ArmClient | typeof AudioInClient | typeof AudioOutClient | typeof BaseClient | typeof BoardClient | typeof ButtonClient | typeof CameraClient | typeof EncoderClient | typeof GantryClient | typeof GenericComponentClient | typeof GripperClient | typeof InputControllerClient | typeof MotorClient | typeof MovementSensorClient | typeof PoseTrackerClient | typeof PowerSensorClient | typeof SensorClient | typeof ServoClient | typeof SwitchClient | typeof DataManagerClient | typeof DiscoveryClient | typeof GenericServiceClient | typeof MLModelClient | typeof MotionClient | typeof NavigationClient | typeof SlamClient | typeof VideoClient | typeof VisionClient | typeof WorldStateStoreClient | undefined;
 export declare const supportsDoCommand: (resource: ResourceName) => boolean;

package/dist/client-map.js

@@ -1,35 +1,38 @@
 import { ArmClient, AudioInClient, AudioOutClient, BaseClient, BoardClient, ButtonClient, CameraClient, DataManagerClient, DiscoveryClient, EncoderClient, GantryClient, GenericComponentClient, GenericServiceClient, GripperClient, InputControllerClient, MLModelClient, MotionClient, MotorClient, MovementSensorClient, NavigationClient, PoseTrackerClient, PowerSensorClient, SensorClient, ServoClient, SlamClient, SwitchClient, VideoClient, VisionClient, WorldStateStoreClient, } from '@viamrobotics/sdk';
 import { getResourceAPI } from "./get-resource-api.js";
+import { ResourceTriplets } from "./resource-triplet.js";
 export const clientMap = {
-    'rdk:component:arm': ArmClient,
-    'rdk:component:audio_in': AudioInClient,
-    'rdk:component:audio_out': AudioOutClient,
-    'rdk:component:base': BaseClient,
-    'rdk:component:board': BoardClient,
-    'rdk:component:button': ButtonClient,
-    'rdk:component:camera': CameraClient,
-    'rdk:component:encoder': EncoderClient,
-    'rdk:component:gantry': GantryClient,
-    'rdk:component:generic': GenericComponentClient,
-    'rdk:component:gripper': GripperClient,
-    'rdk:component:input_controller': InputControllerClient,
-    'rdk:component:motor': MotorClient,
-    'rdk:component:movement_sensor': MovementSensorClient,
-    'rdk:component:pose_tracker': PoseTrackerClient,
-    'rdk:component:power_sensor': PowerSensorClient,
-    'rdk:component:sensor': SensorClient,
-    'rdk:component:servo': ServoClient,
-    'rdk:component:switch': SwitchClient,
-    'rdk:service:data_manager': DataManagerClient,
-    'rdk:service:discovery': DiscoveryClient,
-    'rdk:service:generic': GenericServiceClient,
-    'rdk:service:mlmodel': MLModelClient,
-    'rdk:service:motion': MotionClient,
-    'rdk:service:navigation': NavigationClient,
-    'rdk:service:slam': SlamClient,
-    'rdk:service:vision': VisionClient,
-    'rdk:service:world_state_store': WorldStateStoreClient,
-    'rdk:service:video': VideoClient,
+    // components
+    [ResourceTriplets.Arm]: ArmClient,
+    [ResourceTriplets.AudioInput]: AudioInClient,
+    [ResourceTriplets.AudioOutput]: AudioOutClient,
+    [ResourceTriplets.Base]: BaseClient,
+    [ResourceTriplets.Board]: BoardClient,
+    [ResourceTriplets.Button]: ButtonClient,
+    [ResourceTriplets.Camera]: CameraClient,
+    [ResourceTriplets.Encoder]: EncoderClient,
+    [ResourceTriplets.Gantry]: GantryClient,
+    [ResourceTriplets.GenericComponent]: GenericComponentClient,
+    [ResourceTriplets.Gripper]: GripperClient,
+    [ResourceTriplets.InputController]: InputControllerClient,
+    [ResourceTriplets.Motor]: MotorClient,
+    [ResourceTriplets.MovementSensor]: MovementSensorClient,
+    [ResourceTriplets.PoseTracker]: PoseTrackerClient,
+    [ResourceTriplets.PowerSensor]: PowerSensorClient,
+    [ResourceTriplets.Sensor]: SensorClient,
+    [ResourceTriplets.Servo]: ServoClient,
+    [ResourceTriplets.Switch]: SwitchClient,
+    // services
+    [ResourceTriplets.DataManager]: DataManagerClient,
+    [ResourceTriplets.Discovery]: DiscoveryClient,
+    [ResourceTriplets.GenericService]: GenericServiceClient,
+    [ResourceTriplets.MLModel]: MLModelClient,
+    [ResourceTriplets.Motion]: MotionClient,
+    [ResourceTriplets.Navigation]: NavigationClient,
+    [ResourceTriplets.Slam]: SlamClient,
+    [ResourceTriplets.Video]: VideoClient,
+    [ResourceTriplets.Vision]: VisionClient,
+    [ResourceTriplets.WorldStateStore]: WorldStateStoreClient,
 };
 export const clientForResource = (resource) => {
     const resAPI = getResourceAPI(resource);

package/dist/components/angle-unit-toggle.svelte

@@ -15,10 +15,7 @@
 		aria-label={useRadians ? 'Switch to Degrees' : 'Switch to Radians'}
 		class="text-gray-6 hover:border-medium hover:bg-medium active:bg-gray-2 justify-items-end p-0.5"
 	>
-		<Icon
-			name="sync"
-			size="xs"
-		/>
+		<Icon name="sync" />
 	</button>
 
 	<span slot="description">

package/dist/components/api-section.svelte

@@ -2,14 +2,17 @@
 	import type { Snippet } from 'svelte'
 	import type { HTMLAttributes } from 'svelte/elements'
 
-	import { Icon, Tooltip } from '@viamrobotics/prime-core'
 	import { twMerge } from 'tailwind-merge'
 
+	import SectionTitle from './section-title.svelte'
+
 	interface Props extends HTMLAttributes<HTMLElement> {
 		title?: string | undefined
 		tooltip?: string | undefined
 		description?: string | undefined
 		bottomText?: string | undefined
+		/** RDK API string; presence renders the title as a linked monospace method name */
+		api?: string | undefined
 		class?: string
 		children?: Snippet
 	}
@@ -19,6 +22,7 @@
 		tooltip,
 		description,
 		bottomText,
+		api,
 		class: className = '',
 		children,
 		...rest
@@ -29,32 +33,26 @@
 
 <section
 	class={twMerge('flex grow flex-col gap-4 p-4', className)}
-	aria-labelledby={headingID}
+	aria-labelledby={title ? headingID : undefined}
 	{...rest}
 >
 	{#if title}
 		<div class="flex flex-col gap-0.5">
-			<h3
-				class="flex flex-row items-center gap-1 text-sm font-semibold"
-				id={headingID}
-			>
-				{title}
-				{#if tooltip}
-					<Tooltip>
-						<Icon
-							name="information-outline"
-							cx="text-gray-6"
-						/>
-
-						<p
-							slot="description"
-							class="text-xs whitespace-pre-line"
-						>
-							{tooltip}
-						</p>
-					</Tooltip>
-				{/if}
-			</h3>
+			{#if api}
+				<SectionTitle
+					{title}
+					{tooltip}
+					{api}
+					headingId={headingID}
+				/>
+			{:else}
+				<h3
+					class="flex flex-row items-center gap-1 text-sm font-semibold"
+					id={headingID}
+				>
+					{title}
+				</h3>
+			{/if}
 			{#if description}
 				<p class="text-subtle-2 text-xs">{description}</p>
 			{/if}

package/dist/components/api-section.svelte.d.ts

@@ -5,6 +5,8 @@ interface Props extends HTMLAttributes<HTMLElement> {
     tooltip?: string | undefined;
     description?: string | undefined;
     bottomText?: string | undefined;
+    /** RDK API string; presence renders the title as a linked monospace method name */
+    api?: string | undefined;
     class?: string;
     children?: Snippet;
 }

package/dist/components/index.d.ts

@@ -1,11 +1,17 @@
 export { default as ConnectionStatus } from './connection-status.svelte';
+export { default as SectionTitle } from './section-title.svelte';
 export { default as ArmWidget } from './widgets/arm/arm.svelte';
+export { default as ArmGetJointPositionsWidget } from './widgets/arm/get-joint-positions-widget.svelte';
+export { default as ArmIsMovingWidget } from './widgets/arm/is-moving-widget.svelte';
 export { default as ArmMoveToJointPositionsWidget } from './widgets/arm/move-to-joint-positions-widget.svelte';
 export { default as ArmMoveToPositionWidget } from './widgets/arm/move-to-position-widget.svelte';
 export { default as ArmQuickMoveWidget } from './widgets/arm/quick-move-widget.svelte';
 export { default as AudioInputWidget } from './widgets/audio-input/audio-input.svelte';
+export { default as AudioInputGetPropertiesWidget } from './widgets/audio-input/get-properties-widget.svelte';
 export { default as AudioOutputWidget } from './widgets/audio-output/audio-output.svelte';
+export { default as AudioOutputGetPropertiesWidget } from './widgets/audio-output/get-properties-widget.svelte';
 export { default as BaseWidget } from './widgets/base/base.svelte';
+export { default as BaseIsMovingWidget } from './widgets/base/is-moving-widget.svelte';
 export { default as BaseMoveStraightWidget } from './widgets/base/move-straight-widget.svelte';
 export { default as BaseQuickMoveWidget } from './widgets/base/quick-move-widget.svelte';
 export { default as BaseSetPowerWidget } from './widgets/base/set-power-widget.svelte';
@@ -21,31 +27,46 @@ export type { ComponentPreview, ComponentPreviewSnippet, } from './widgets/disco
 export { default as DiscoveryWidget } from './widgets/discovery/discovery.svelte';
 export { default as DoCommandWidget } from './widgets/do-command/do-command.svelte';
 export { default as EncoderWidget } from './widgets/encoder/encoder.svelte';
+export { default as EncoderGetPositionWidget } from './widgets/encoder/get-position-widget.svelte';
 export { default as GantryWidget } from './widgets/gantry/gantry.svelte';
+export { default as GantryGetPositionWidget } from './widgets/gantry/get-position-widget.svelte';
+export { default as GantryIsMovingWidget } from './widgets/gantry/is-moving-widget.svelte';
 export { default as GantryHomeWidget } from './widgets/gantry/home.svelte';
 export { default as GantryMoveToPositionWidget } from './widgets/gantry/move-to-position-widget.svelte';
 export { default as GantryQuickMoveWidget } from './widgets/gantry/quick-move-widget.svelte';
 export { default as GenericWidget } from './widgets/generic/generic.svelte';
 export { default as GripperGrabWidget } from './widgets/gripper/grab.svelte';
 export { default as GripperWidget } from './widgets/gripper/gripper.svelte';
+export { default as GripperIsHoldingSomethingWidget } from './widgets/gripper/is-holding-something.svelte';
+export { default as GripperIsMovingWidget } from './widgets/gripper/is-moving-widget.svelte';
 export { default as GripperOpenWidget } from './widgets/gripper/open.svelte';
 export { default as InputControllerWidget } from './widgets/input-controller/input-controller.svelte';
 export { default as MLModelServiceWidget } from './widgets/ml-model-service/ml-model-service.svelte';
 export { default as MotorGoForWidget } from './widgets/motor/go-for-view.svelte';
 export { default as MotorGoToWidget } from './widgets/motor/go-to-view.svelte';
 export { default as MotorWidget } from './widgets/motor/motor.svelte';
+export { default as MotorIsMovingWidget } from './widgets/motor/is-moving-widget.svelte';
 export { default as MotorQuickMoveWidget } from './widgets/motor/quick-move-widget.svelte';
 export { default as MotorSetPowerWidget } from './widgets/motor/set-power-widget.svelte';
 export { default as MotorSetRPMWidget } from './widgets/motor/set-rpm-widget.svelte';
 export { default as MovementSensorWidget } from './widgets/movement-sensor/movement-sensor.svelte';
+export { default as MovementSensorGetPositionWidget } from './widgets/movement-sensor/get-position-widget.svelte';
+export { default as MovementSensorGetOrientationWidget } from './widgets/movement-sensor/get-orientation-widget.svelte';
+export { default as MovementSensorGetCompassHeadingWidget } from './widgets/movement-sensor/get-compass-heading-widget.svelte';
+export { default as MovementSensorGetAccuracyWidget } from './widgets/movement-sensor/get-accuracy-widget.svelte';
 export { default as NavigationServiceWidget } from './widgets/navigation/navigation.svelte';
 export { default as PowerSensorWidget } from './widgets/power-sensor/power-sensor.svelte';
+export { default as PowerSensorGetVoltageWidget } from './widgets/power-sensor/get-voltage-widget.svelte';
+export { default as PowerSensorGetCurrentWidget } from './widgets/power-sensor/get-current-widget.svelte';
+export { default as PowerSensorGetPowerWidget } from './widgets/power-sensor/get-power-widget.svelte';
 export { default as SensorWidget } from './widgets/sensor/sensor.svelte';
 export { default as ServoMoveWidget } from './widgets/servo/move-widget.svelte';
 export { default as ServoQuickMoveWidget } from './widgets/servo/quick-move-widget.svelte';
 export { default as ServoWidget } from './widgets/servo/servo.svelte';
+export { default as ServoIsMovingWidget } from './widgets/servo/is-moving-widget.svelte';
 export { default as SlamMap2D } from './slam/map2d/index.svelte';
 export { default as SlamWidget } from './widgets/slam/slam.svelte';
+export { default as SlamGetPositionWidget } from './widgets/slam/get-position-widget.svelte';
 export { default as StopWidget } from './stop.svelte';
 export { default as SwitchPositionWidget } from './widgets/switch/position-view.svelte';
 export { default as SwitchWidget } from './widgets/switch/switch.svelte';

package/dist/components/index.js

@@ -1,11 +1,17 @@
 export { default as ConnectionStatus } from './connection-status.svelte';
+export { default as SectionTitle } from './section-title.svelte';
 export { default as ArmWidget } from './widgets/arm/arm.svelte';
+export { default as ArmGetJointPositionsWidget } from './widgets/arm/get-joint-positions-widget.svelte';
+export { default as ArmIsMovingWidget } from './widgets/arm/is-moving-widget.svelte';
 export { default as ArmMoveToJointPositionsWidget } from './widgets/arm/move-to-joint-positions-widget.svelte';
 export { default as ArmMoveToPositionWidget } from './widgets/arm/move-to-position-widget.svelte';
 export { default as ArmQuickMoveWidget } from './widgets/arm/quick-move-widget.svelte';
 export { default as AudioInputWidget } from './widgets/audio-input/audio-input.svelte';
+export { default as AudioInputGetPropertiesWidget } from './widgets/audio-input/get-properties-widget.svelte';
 export { default as AudioOutputWidget } from './widgets/audio-output/audio-output.svelte';
+export { default as AudioOutputGetPropertiesWidget } from './widgets/audio-output/get-properties-widget.svelte';
 export { default as BaseWidget } from './widgets/base/base.svelte';
+export { default as BaseIsMovingWidget } from './widgets/base/is-moving-widget.svelte';
 export { default as BaseMoveStraightWidget } from './widgets/base/move-straight-widget.svelte';
 export { default as BaseQuickMoveWidget } from './widgets/base/quick-move-widget.svelte';
 export { default as BaseSetPowerWidget } from './widgets/base/set-power-widget.svelte';
@@ -20,31 +26,46 @@ export { default as LiveOrPollingVideo } from './widgets/camera/live-or-polling-
 export { default as DiscoveryWidget } from './widgets/discovery/discovery.svelte';
 export { default as DoCommandWidget } from './widgets/do-command/do-command.svelte';
 export { default as EncoderWidget } from './widgets/encoder/encoder.svelte';
+export { default as EncoderGetPositionWidget } from './widgets/encoder/get-position-widget.svelte';
 export { default as GantryWidget } from './widgets/gantry/gantry.svelte';
+export { default as GantryGetPositionWidget } from './widgets/gantry/get-position-widget.svelte';
+export { default as GantryIsMovingWidget } from './widgets/gantry/is-moving-widget.svelte';
 export { default as GantryHomeWidget } from './widgets/gantry/home.svelte';
 export { default as GantryMoveToPositionWidget } from './widgets/gantry/move-to-position-widget.svelte';
 export { default as GantryQuickMoveWidget } from './widgets/gantry/quick-move-widget.svelte';
 export { default as GenericWidget } from './widgets/generic/generic.svelte';
 export { default as GripperGrabWidget } from './widgets/gripper/grab.svelte';
 export { default as GripperWidget } from './widgets/gripper/gripper.svelte';
+export { default as GripperIsHoldingSomethingWidget } from './widgets/gripper/is-holding-something.svelte';
+export { default as GripperIsMovingWidget } from './widgets/gripper/is-moving-widget.svelte';
 export { default as GripperOpenWidget } from './widgets/gripper/open.svelte';
 export { default as InputControllerWidget } from './widgets/input-controller/input-controller.svelte';
 export { default as MLModelServiceWidget } from './widgets/ml-model-service/ml-model-service.svelte';
 export { default as MotorGoForWidget } from './widgets/motor/go-for-view.svelte';
 export { default as MotorGoToWidget } from './widgets/motor/go-to-view.svelte';
 export { default as MotorWidget } from './widgets/motor/motor.svelte';
+export { default as MotorIsMovingWidget } from './widgets/motor/is-moving-widget.svelte';
 export { default as MotorQuickMoveWidget } from './widgets/motor/quick-move-widget.svelte';
 export { default as MotorSetPowerWidget } from './widgets/motor/set-power-widget.svelte';
 export { default as MotorSetRPMWidget } from './widgets/motor/set-rpm-widget.svelte';
 export { default as MovementSensorWidget } from './widgets/movement-sensor/movement-sensor.svelte';
+export { default as MovementSensorGetPositionWidget } from './widgets/movement-sensor/get-position-widget.svelte';
+export { default as MovementSensorGetOrientationWidget } from './widgets/movement-sensor/get-orientation-widget.svelte';
+export { default as MovementSensorGetCompassHeadingWidget } from './widgets/movement-sensor/get-compass-heading-widget.svelte';
+export { default as MovementSensorGetAccuracyWidget } from './widgets/movement-sensor/get-accuracy-widget.svelte';
 export { default as NavigationServiceWidget } from './widgets/navigation/navigation.svelte';
 export { default as PowerSensorWidget } from './widgets/power-sensor/power-sensor.svelte';
+export { default as PowerSensorGetVoltageWidget } from './widgets/power-sensor/get-voltage-widget.svelte';
+export { default as PowerSensorGetCurrentWidget } from './widgets/power-sensor/get-current-widget.svelte';
+export { default as PowerSensorGetPowerWidget } from './widgets/power-sensor/get-power-widget.svelte';
 export { default as SensorWidget } from './widgets/sensor/sensor.svelte';
 export { default as ServoMoveWidget } from './widgets/servo/move-widget.svelte';
 export { default as ServoQuickMoveWidget } from './widgets/servo/quick-move-widget.svelte';
 export { default as ServoWidget } from './widgets/servo/servo.svelte';
+export { default as ServoIsMovingWidget } from './widgets/servo/is-moving-widget.svelte';
 export { default as SlamMap2D } from './slam/map2d/index.svelte';
 export { default as SlamWidget } from './widgets/slam/slam.svelte';
+export { default as SlamGetPositionWidget } from './widgets/slam/get-position-widget.svelte';
 export { default as StopWidget } from './stop.svelte';
 export { default as SwitchPositionWidget } from './widgets/switch/position-view.svelte';
 export { default as SwitchWidget } from './widgets/switch/switch.svelte';

package/dist/components/is-moving.svelte

@@ -33,10 +33,11 @@
 		client: Client
 		partID: string
 		resourceName: string
+		api: string
 		children?: Snippet
 	}
 
-	const { client: clientClass, partID, resourceName, children }: Props = $props()
+	const { client: clientClass, partID, resourceName, api, children }: Props = $props()
 
 	const client = $derived(
 		createResourceClient<Arm | Base | Gantry | Gripper | Motor | Servo>(
@@ -51,13 +52,11 @@
 
 <ApiSection
 	title="IsMoving"
+	{api}
 	bottomText="Updates automatically"
 	class="grow"
 >
-	<Query
-		{query}
-		contentCx="h-5"
-	>
+	<Query {query}>
 		<StatusPill isActive={query.data ?? false} />
 	</Query>
 

package/dist/components/is-moving.svelte.d.ts

@@ -5,6 +5,7 @@ interface Props {
     client: Client;
     partID: string;
     resourceName: string;
+    api: string;
     children?: Snippet;
 }
 declare const IsMoving: import("svelte").Component<Props, {}, "">;

package/dist/components/mutation-section.svelte

@@ -1,16 +1,18 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte'
 
-	import { Icon, Tooltip } from '@viamrobotics/prime-core'
 	import { twMerge } from 'tailwind-merge'
 
 	import ErrorDisplay from './error.svelte'
+	import SectionTitle from './section-title.svelte'
 
 	interface Props {
 		title: string
 		tooltip?: string | undefined
 		description?: string | undefined
 		lastError: Error | null
+		/** RDK API string; presence renders the title as a linked monospace method name */
+		api?: string | undefined
 		class?: string
 		titleInput?: Snippet
 		error?: Snippet
@@ -22,6 +24,7 @@
 		tooltip,
 		description,
 		lastError = null,
+		api,
 		class: className,
 		titleInput,
 		error,
@@ -36,28 +39,22 @@
 	aria-labelledby={headingID}
 >
 	<div class={twMerge('flex grow flex-row flex-wrap gap-2', className)}>
-		<div class="flex max-w-[200px] grow flex-col gap-0.5 pr-4">
-			<h3
-				class="flex flex-row items-center gap-1 text-sm font-semibold"
-				id={headingID}
-			>
-				{title}
-				{#if tooltip}
-					<Tooltip>
-						<Icon
-							name="information-outline"
-							cx="text-gray-6"
-						/>
-
-						<p
-							slot="description"
-							class="text-xs whitespace-pre-line"
-						>
-							{tooltip}
-						</p>
-					</Tooltip>
-				{/if}
-			</h3>
+		<div class="flex max-w-50 grow flex-col gap-0.5 pr-4">
+			{#if api}
+				<SectionTitle
+					{title}
+					{tooltip}
+					{api}
+					headingId={headingID}
+				/>
+			{:else}
+				<h3
+					class="flex flex-row items-center gap-1 text-sm font-semibold"
+					id={headingID}
+				>
+					{title}
+				</h3>
+			{/if}
 			{#if description}
 				<p class="text-subtle-2 text-xs">{description}</p>
 			{/if}

package/dist/components/mutation-section.svelte.d.ts

@@ -4,6 +4,8 @@ interface Props {
     tooltip?: string | undefined;
     description?: string | undefined;
     lastError: Error | null;
+    /** RDK API string; presence renders the title as a linked monospace method name */
+    api?: string | undefined;
     class?: string;
     titleInput?: Snippet;
     error?: Snippet;

package/dist/components/section-title.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte'
+
+	import { Icon, Tooltip } from '@viamrobotics/prime-core'
+
+	import { apiDocsHref } from '../api-docs-href'
+
+	interface Props {
+		title: string
+		tooltip?: string | undefined
+		/** RDK API string, e.g. "rdk:component:camera". Required — SectionTitle is only for headers that map to an API method; the docs link is built from this plus the title. */
+		api: string
+		/** Optional external ID for the <h3>; generated internally if omitted */
+		headingId?: string | undefined
+		/** Inline content rendered after the title inside the <h3> (e.g. unit labels) */
+		suffix?: Snippet
+	}
+
+	const { title, tooltip, api, headingId, suffix }: Props = $props()
+
+	const generatedID = $props.id()
+	const id = $derived(headingId ?? generatedID)
+
+	// Method names are the camelCase form of the PascalCase title (GetPosition → getPosition).
+	const method = $derived(title.charAt(0).toLowerCase() + title.slice(1))
+	const href = $derived(apiDocsHref(api, method))
+</script>
+
+<h3
+	class="flex flex-row items-center gap-1 text-sm font-semibold"
+	{id}
+>
+	{#if href}
+		<a
+			{href}
+			target="_blank"
+			rel="noopener noreferrer external"
+			class="decoration-gray-5 hover:decoration-default font-mono underline underline-offset-3"
+		>
+			{title}
+		</a>
+	{:else}
+		<span class="font-mono">{title}</span>
+	{/if}
+	{#if suffix}
+		{@render suffix()}
+	{/if}
+	{#if tooltip}
+		<Tooltip>
+			<Icon
+				name="information-outline"
+				cx="text-gray-6"
+			/>
+
+			<p
+				slot="description"
+				class="text-xs whitespace-pre-line"
+			>
+				{tooltip}
+			</p>
+		</Tooltip>
+	{/if}
+</h3>

package/dist/components/section-title.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    title: string;
+    tooltip?: string | undefined;
+    /** RDK API string, e.g. "rdk:component:camera". Required — SectionTitle is only for headers that map to an API method; the docs link is built from this plus the title. */
+    api: string;
+    /** Optional external ID for the <h3>; generated internally if omitted */
+    headingId?: string | undefined;
+    /** Inline content rendered after the title inside the <h3> (e.g. unit labels) */
+    suffix?: Snippet;
+}
+declare const SectionTitle: import("svelte").Component<Props, {}, "">;
+type SectionTitle = ReturnType<typeof SectionTitle>;
+export default SectionTitle;