perf: exclude canvas nodes from PostHog session recording

src/renderer/core/layout/transform/TransformPane.test.ts

@@ -0,0 +1,12 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+
+import TransformPane from './TransformPane.vue'
+
+describe('TransformPane', () => {
+  it('has ph-no-capture class to exclude from PostHog session recording', () => {
+    const wrapper = mount(TransformPane)
+    const root = wrapper.find('[data-testid="transform-pane"]')
+    expect(root.classes()).toContain('ph-no-capture')
+  })
+})

src/renderer/core/layout/transform/TransformPane.vue

@@ -2,7 +2,7 @@
   <div
     ref="transformPaneRef"
     data-testid="transform-pane"
-    class="pointer-events-none absolute inset-0 size-full will-change-auto"
+    class="ph-no-capture pointer-events-none absolute inset-0 size-full will-change-auto"
   >
     <!-- Vue nodes will be rendered here -->
     <slot />