diff --git a/ci/lint-dependencies.ts b/ci/lint-dependencies.ts
index 769b8f4697..c350d3187c 100644
--- a/ci/lint-dependencies.ts
+++ b/ci/lint-dependencies.ts
@@ -116,8 +116,8 @@ async function getAllWorkspacePackages(roots: string[]) {
     const patterns: string[] = Array.isArray(workspaceInfo.workspaces)
       ? workspaceInfo.workspaces
       : Array.isArray(workspaceInfo.workspaces?.packages)
-      ? workspaceInfo.workspaces.packages
-      : [];
+        ? workspaceInfo.workspaces.packages
+        : [];
     for (const pattern of patterns) {
       for (const packagePath of await promisify(glob)(pattern)) {
         workspacePackages.push(path.resolve(process.cwd(), workspaceRoot, packagePath));
diff --git a/package.json b/package.json
index cc68a74b60..5784f14a00 100644
--- a/package.json
+++ b/package.json
@@ -114,7 +114,7 @@
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "license-checker": "25.0.1",
-    "prettier": "3.0.3",
+    "prettier": "3.3.2",
     "rimraf": "5.0.5",
     "semver": "7.5.4",
     "storybook": "7.6.20",
diff --git a/packages/mcap-support/src/parseFlatbufferSchema.ts b/packages/mcap-support/src/parseFlatbufferSchema.ts
index aaae23bd2f..666f99e9f1 100644
--- a/packages/mcap-support/src/parseFlatbufferSchema.ts
+++ b/packages/mcap-support/src/parseFlatbufferSchema.ts
@@ -79,8 +79,9 @@ function typeForField(schema: SchemaT, field: FieldT): MessageDefinitionField[]
         const enums = schema.enums[field.type.index]?.values;
         if (enums == undefined) {
           throw new Error(
-            `Invalid schema, missing enum values for field type ${schema.enums[field.type.index]
-              ?.name}`,
+            `Invalid schema, missing enum values for field type ${
+              schema.enums[field.type.index]?.name
+            }`,
           );
         }
         for (const enumVal of enums) {
diff --git a/packages/studio-base/src/components/MessagePipeline/MockMessagePipelineProvider.tsx b/packages/studio-base/src/components/MessagePipeline/MockMessagePipelineProvider.tsx
index 5e11bdb9fa..f6864d7fb0 100644
--- a/packages/studio-base/src/components/MessagePipeline/MockMessagePipelineProvider.tsx
+++ b/packages/studio-base/src/components/MessagePipeline/MockMessagePipelineProvider.tsx
@@ -144,8 +144,8 @@ function getPublicState(
       props.topics === prevState?.mockProps.topics
         ? prevState?.public.sortedTopics ?? []
         : props.topics
-        ? [...props.topics].sort((a, b) => a.name.localeCompare(b.name))
-        : [],
+          ? [...props.topics].sort((a, b) => a.name.localeCompare(b.name))
+          : [],
     datatypes: props.datatypes ?? NO_DATATYPES,
     setSubscriptions:
       (props.setSubscriptions === prevState?.mockProps.setSubscriptions
diff --git a/packages/studio-base/src/components/PlaybackControls/sharedHelpers.ts b/packages/studio-base/src/components/PlaybackControls/sharedHelpers.ts
index 37f9d7945f..95a645d029 100644
--- a/packages/studio-base/src/components/PlaybackControls/sharedHelpers.ts
+++ b/packages/studio-base/src/components/PlaybackControls/sharedHelpers.ts
@@ -31,7 +31,7 @@ export const jumpSeek = (
     modifierKeys?.altKey === true
       ? ARROW_SEEK_BIG_MS
       : modifierKeys?.shiftKey === true
-      ? ARROW_SEEK_SMALL_MS
-      : ARROW_SEEK_DEFAULT_MS;
+        ? ARROW_SEEK_SMALL_MS
+        : ARROW_SEEK_DEFAULT_MS;
   return fromMillis(timeMs + deltaMs * directionSign);
 };
diff --git a/packages/studio-base/src/components/SettingsTreeEditor/NodeEditor.tsx b/packages/studio-base/src/components/SettingsTreeEditor/NodeEditor.tsx
index 19476a8d20..28f45a4a7e 100644
--- a/packages/studio-base/src/components/SettingsTreeEditor/NodeEditor.tsx
+++ b/packages/studio-base/src/components/SettingsTreeEditor/NodeEditor.tsx
@@ -268,8 +268,8 @@ function NodeEditorComponent(props: NodeEditorProps): JSX.Element {
     state.visibilityFilter === "visible"
       ? showVisibleFilter
       : state.visibilityFilter === "invisible"
-      ? showInvisibleFilter
-      : undefined;
+        ? showInvisibleFilter
+        : undefined;
   const childNodes = filterMap(prepareSettingsNodes(children ?? {}), ([key, child]) => {
     return !filterFn || filterFn(child) ? (
       <NodeEditor
diff --git a/packages/studio-base/src/components/SettingsTreeEditor/inputs/NumberInput.tsx b/packages/studio-base/src/components/SettingsTreeEditor/inputs/NumberInput.tsx
index b2699b4f25..1172d55ad3 100644
--- a/packages/studio-base/src/components/SettingsTreeEditor/inputs/NumberInput.tsx
+++ b/packages/studio-base/src/components/SettingsTreeEditor/inputs/NumberInput.tsx
@@ -148,8 +148,8 @@ export function NumberInput(
     inputRef.current === document.activeElement
       ? value
       : value != undefined
-      ? _.round(value, precision)
-      : undefined;
+        ? _.round(value, precision)
+        : undefined;
 
   return (
     <TextField
diff --git a/packages/studio-base/src/components/TimeBasedChart/TimeBasedChartTooltipContent.tsx b/packages/studio-base/src/components/TimeBasedChart/TimeBasedChartTooltipContent.tsx
index 0e677aee18..59a850bbe5 100644
--- a/packages/studio-base/src/components/TimeBasedChart/TimeBasedChartTooltipContent.tsx
+++ b/packages/studio-base/src/components/TimeBasedChart/TimeBasedChartTooltipContent.tsx
@@ -142,8 +142,8 @@ export default function TimeBasedChartTooltipContent(
       typeof tooltip.value === "string"
         ? tooltip.value
         : typeof tooltip.value === "bigint"
-        ? tooltip.value.toString()
-        : JSON.stringify(tooltip.value);
+          ? tooltip.value.toString()
+          : JSON.stringify(tooltip.value);
 
     return (
       <Stack className={classes.root} data-testid="TimeBasedChartTooltipContent">
@@ -166,8 +166,8 @@ export default function TimeBasedChartTooltipContent(
           typeof tooltip.value === "string"
             ? tooltip.value
             : typeof tooltip.value === "bigint"
-            ? tooltip.value.toString()
-            : JSON.stringify(tooltip.value);
+              ? tooltip.value.toString()
+              : JSON.stringify(tooltip.value);
 
         return (
           <Fragment key={idx}>
diff --git a/packages/studio-base/src/components/TopicList/ContextMenu.tsx b/packages/studio-base/src/components/TopicList/ContextMenu.tsx
index 7df86ad624..86ec551892 100644
--- a/packages/studio-base/src/components/TopicList/ContextMenu.tsx
+++ b/packages/studio-base/src/components/TopicList/ContextMenu.tsx
@@ -27,8 +27,8 @@ export function ContextMenu(props: {
             ? t("copyMessagePath")
             : t("copyMessagePaths")
           : messagePaths.length === 1
-          ? t("copyTopicName")
-          : t("copyTopicNames"),
+            ? t("copyTopicName")
+            : t("copyTopicNames"),
         onClick: () => {
           onClose();
           copyToClipboard(messagePaths.map((item) => item.path).join("\n"));
diff --git a/packages/studio-base/src/panels/Plot/builders/TimestampDatasetsBuilderImpl.ts b/packages/studio-base/src/panels/Plot/builders/TimestampDatasetsBuilderImpl.ts
index 06aa30fde0..3f0202ca29 100644
--- a/packages/studio-base/src/panels/Plot/builders/TimestampDatasetsBuilderImpl.ts
+++ b/packages/studio-base/src/panels/Plot/builders/TimestampDatasetsBuilderImpl.ts
@@ -194,8 +194,8 @@ export class TimestampDatasetsBuilderImpl {
         items.length < min
           ? items.map((item) => item.index)
           : dataset.showLine === true
-          ? downsampleTimeseries(items, downsampleViewport, maxPoints)
-          : downsampleScatter(items, downsampleViewport);
+            ? downsampleTimeseries(items, downsampleViewport, maxPoints)
+            : downsampleScatter(items, downsampleViewport);
 
       // When a series is downsampled the points are disabled as a visual indicator that
       // data is downsampled.
diff --git a/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableLines.ts b/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableLines.ts
index f62590d216..d4c6c87d84 100644
--- a/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableLines.ts
+++ b/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableLines.ts
@@ -219,8 +219,8 @@ class LinePrimitiveRenderable extends THREE.Object3D {
       const singleColor = this.#color
         ? stringToRgba(tempRgba, this.#color)
         : this.#primitive.colors.length === 0
-        ? this.#primitive.color
-        : undefined;
+          ? this.#primitive.color
+          : undefined;
 
       if (singleColor == undefined) {
         assert(this.#geometry, "Line Group geometry must exist");
diff --git a/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableModels.ts b/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableModels.ts
index a96e694448..2a0b49c9f8 100644
--- a/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableModels.ts
+++ b/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableModels.ts
@@ -321,8 +321,8 @@ export class RenderableModels extends RenderablePrimitive {
     const overrideColor = this.userData.settings.color
       ? stringToRgba(tempRgba, this.userData.settings.color)
       : primitive.override_color
-      ? primitive.color
-      : undefined;
+        ? primitive.color
+        : undefined;
     if (overrideColor) {
       if (!renderable.material) {
         renderable.material = new THREE.MeshStandardMaterial({
diff --git a/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableTriangles.ts b/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableTriangles.ts
index d31f9acdea..624c76582e 100644
--- a/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableTriangles.ts
+++ b/packages/studio-base/src/panels/ThreeDeeRender/renderables/primitives/RenderableTriangles.ts
@@ -65,8 +65,8 @@ export class RenderableTriangles extends RenderablePrimitive {
       const singleColor = this.userData.settings.color
         ? stringToRgba(tempRgba, this.userData.settings.color)
         : primitive.colors.length === 0
-        ? primitive.color
-        : undefined;
+          ? primitive.color
+          : undefined;
 
       if (!singleColor && !geometry.attributes.color) {
         geometry.createAttribute("color", Uint8Array, 4, true);
diff --git a/packages/studio-base/src/panels/ThreeDeeRender/transforms/TransformTree.ts b/packages/studio-base/src/panels/ThreeDeeRender/transforms/TransformTree.ts
index 85b649fa9f..b1fa1cb715 100644
--- a/packages/studio-base/src/panels/ThreeDeeRender/transforms/TransformTree.ts
+++ b/packages/studio-base/src/panels/ThreeDeeRender/transforms/TransformTree.ts
@@ -100,8 +100,8 @@ export class TransformTree {
     return cycleDetected
       ? AddTransformResult.CYCLE_DETECTED
       : updated
-      ? AddTransformResult.UPDATED
-      : AddTransformResult.NOT_UPDATED;
+        ? AddTransformResult.UPDATED
+        : AddTransformResult.NOT_UPDATED;
   }
 
   /**
diff --git a/packages/studio-base/src/panels/diagnostics/util.ts b/packages/studio-base/src/panels/diagnostics/util.ts
index f9c0a79792..29d7329b9f 100644
--- a/packages/studio-base/src/panels/diagnostics/util.ts
+++ b/packages/studio-base/src/panels/diagnostics/util.ts
@@ -105,8 +105,8 @@ export function getDisplayName(hardwareId: string, name: string): string {
       ? `${hardwareId}: ${name}`
       : `${name}`
     : hardwareId.length > 0
-    ? `${hardwareId}`
-    : `(empty)`;
+      ? `${hardwareId}`
+      : `(empty)`;
 }
 
 // ensures the diagnostic status message's name consists of both the hardware id and the name
diff --git a/packages/studio-base/src/players/FoxgloveWebSocketPlayer/index.ts b/packages/studio-base/src/players/FoxgloveWebSocketPlayer/index.ts
index cfb9e23269..1088a1c02b 100644
--- a/packages/studio-base/src/players/FoxgloveWebSocketPlayer/index.ts
+++ b/packages/studio-base/src/players/FoxgloveWebSocketPlayer/index.ts
@@ -316,8 +316,8 @@ export default class FoxgloveWebSocketPlayer implements Player {
         const rosDataTypes = isRos1
           ? CommonRosTypes.ros1
           : ["foxy", "galactic"].includes(rosDistro)
-          ? CommonRosTypes.ros2galactic
-          : CommonRosTypes.ros2humble;
+            ? CommonRosTypes.ros2galactic
+            : CommonRosTypes.ros2humble;
 
         const dataTypes: MessageDefinitionMap = new Map();
         for (const dataType in rosDataTypes) {
diff --git a/packages/studio-base/src/providers/ExtensionCatalogProvider.tsx b/packages/studio-base/src/providers/ExtensionCatalogProvider.tsx
index f346ae3012..5598be57af 100644
--- a/packages/studio-base/src/providers/ExtensionCatalogProvider.tsx
+++ b/packages/studio-base/src/providers/ExtensionCatalogProvider.tsx
@@ -57,8 +57,8 @@ function activateExtension(
     process.env.NODE_ENV === "production"
       ? "production"
       : process.env.NODE_ENV === "test"
-      ? "test"
-      : "development";
+        ? "test"
+        : "development";
 
   const ctx: ExtensionContext = {
     mode: extensionMode,
diff --git a/packages/studio-base/src/services/LayoutManager/LayoutManager.ts b/packages/studio-base/src/services/LayoutManager/LayoutManager.ts
index 1fa44ff257..a7255c30ed 100644
--- a/packages/studio-base/src/services/LayoutManager/LayoutManager.ts
+++ b/packages/studio-base/src/services/LayoutManager/LayoutManager.ts
@@ -292,8 +292,8 @@ export default class LayoutManager implements ILayoutManager {
       data == undefined
         ? localLayout.working
         : isLayoutEqual(localLayout.baseline.data, data)
-        ? undefined
-        : { data, savedAt: now };
+          ? undefined
+          : { data, savedAt: now };
 
     // Renames of shared layouts go directly to the server
     if (name != undefined && layoutIsShared(localLayout)) {
diff --git a/packages/studio-base/src/services/migrateLayout/migrateLegacyToNew3DPanels.ts b/packages/studio-base/src/services/migrateLayout/migrateLegacyToNew3DPanels.ts
index 4b17105f8f..be9c5dc86c 100644
--- a/packages/studio-base/src/services/migrateLayout/migrateLegacyToNew3DPanels.ts
+++ b/packages/studio-base/src/services/migrateLayout/migrateLegacyToNew3DPanels.ts
@@ -57,8 +57,8 @@ function migrateLegacyToNew3DConfig(legacyConfig: Partial<Legacy3DConfig>): Rend
       legacyConfig.followMode === "follow-orientation"
         ? "follow-pose"
         : legacyConfig.followMode === "follow"
-        ? "follow-position"
-        : "follow-none",
+          ? "follow-position"
+          : "follow-none",
     cameraState: {
       ...DEFAULT_CAMERA_STATE,
       ...legacyConfig.cameraState,
diff --git a/packages/studio-base/src/util/naturalSort.ts b/packages/studio-base/src/util/naturalSort.ts
index d477cc2795..ff92ca916b 100644
--- a/packages/studio-base/src/util/naturalSort.ts
+++ b/packages/studio-base/src/util/naturalSort.ts
@@ -15,9 +15,10 @@ import natsort from "natsort";
 
 const sortFn = natsort({ insensitive: true });
 
-type StringOrNumberFields<T> = T extends Record<string, unknown>
-  ? { [K in keyof T]: T[K] extends string | number ? K : never }[keyof T]
-  : never;
+type StringOrNumberFields<T> =
+  T extends Record<string, unknown>
+    ? { [K in keyof T]: T[K] extends string | number ? K : never }[keyof T]
+    : never;
 
 function naturalSort(): typeof sortFn;
 function naturalSort<T, K extends StringOrNumberFields<T>>(key: K): (a: T, b: T) => number;
diff --git a/packages/studio/src/immutable.ts b/packages/studio/src/immutable.ts
index 203cd7d82b..14bd011a4f 100644
--- a/packages/studio/src/immutable.ts
+++ b/packages/studio/src/immutable.ts
@@ -44,38 +44,36 @@ export type IsTuple<Type> = Type extends readonly any[]
     : Type
   : never;
 
-export type IsUnknown<Type> = IsAny<Type> extends true
-  ? false
-  : unknown extends Type
-  ? true
-  : false;
+export type IsUnknown<Type> =
+  IsAny<Type> extends true ? false : unknown extends Type ? true : false;
 
 // https://stackoverflow.com/questions/49927523/disallow-call-with-any/49928360#49928360
 export type IsAny<Type> = 0 extends 1 & Type ? true : false;
 
-export type Immutable<Type> = Type extends Exclude<Builtin, Error>
-  ? Type
-  : Type extends Map<infer Keys, infer Values>
-  ? ReadonlyMap<Immutable<Keys>, Immutable<Values>>
-  : Type extends ReadonlyMap<infer Keys, infer Values>
-  ? ReadonlyMap<Immutable<Keys>, Immutable<Values>>
-  : Type extends WeakMap<infer Keys, infer Values>
-  ? WeakMap<Immutable<Keys>, Immutable<Values>>
-  : Type extends Set<infer Values>
-  ? ReadonlySet<Immutable<Values>>
-  : Type extends ReadonlySet<infer Values>
-  ? ReadonlySet<Immutable<Values>>
-  : Type extends WeakSet<infer Values>
-  ? WeakSet<Immutable<Values>>
-  : Type extends Promise<infer Value>
-  ? Promise<Immutable<Value>>
-  : Type extends AnyArray<infer Values>
-  ? Type extends IsTuple<Type>
-    ? { readonly [Key in keyof Type]: Immutable<Type[Key]> }
-    : ReadonlyArray<Immutable<Values>>
-  : // eslint-disable-next-line @typescript-eslint/ban-types
-  Type extends {}
-  ? { readonly [Key in keyof Type]: Immutable<Type[Key]> }
-  : IsUnknown<Type> extends true
-  ? unknown
-  : Readonly<Type>;
+export type Immutable<Type> =
+  Type extends Exclude<Builtin, Error>
+    ? Type
+    : Type extends Map<infer Keys, infer Values>
+      ? ReadonlyMap<Immutable<Keys>, Immutable<Values>>
+      : Type extends ReadonlyMap<infer Keys, infer Values>
+        ? ReadonlyMap<Immutable<Keys>, Immutable<Values>>
+        : Type extends WeakMap<infer Keys, infer Values>
+          ? WeakMap<Immutable<Keys>, Immutable<Values>>
+          : Type extends Set<infer Values>
+            ? ReadonlySet<Immutable<Values>>
+            : Type extends ReadonlySet<infer Values>
+              ? ReadonlySet<Immutable<Values>>
+              : Type extends WeakSet<infer Values>
+                ? WeakSet<Immutable<Values>>
+                : Type extends Promise<infer Value>
+                  ? Promise<Immutable<Value>>
+                  : Type extends AnyArray<infer Values>
+                    ? Type extends IsTuple<Type>
+                      ? { readonly [Key in keyof Type]: Immutable<Type[Key]> }
+                      : ReadonlyArray<Immutable<Values>>
+                    : // eslint-disable-next-line @typescript-eslint/ban-types
+                      Type extends {}
+                      ? { readonly [Key in keyof Type]: Immutable<Type[Key]> }
+                      : IsUnknown<Type> extends true
+                        ? unknown
+                        : Readonly<Type>;
diff --git a/yarn.lock b/yarn.lock
index 898260faca..437f8d93ff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -13362,7 +13362,7 @@ __metadata:
     jest: 29.7.0
     jest-environment-jsdom: 29.7.0
     license-checker: 25.0.1
-    prettier: 3.0.3
+    prettier: 3.3.2
     react-use: 17.5.1
     rehype-raw: 6.1.1
     rimraf: 5.0.5
@@ -18945,12 +18945,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:3.0.3":
-  version: 3.0.3
-  resolution: "prettier@npm:3.0.3"
+"prettier@npm:3.3.2":
+  version: 3.3.2
+  resolution: "prettier@npm:3.3.2"
   bin:
     prettier: bin/prettier.cjs
-  checksum: e10b9af02b281f6c617362ebd2571b1d7fc9fb8a3bd17e371754428cda992e5e8d8b7a046e8f7d3e2da1dcd21aa001e2e3c797402ebb6111b5cd19609dd228e0
+  checksum: 5557d8caed0b182f68123c2e1e370ef105251d1dd75800fadaece3d061daf96b1389141634febf776050f9d732c7ae8fd444ff0b4a61b20535e7610552f32c69
   languageName: node
   linkType: hard