phase 3

ui/detection-app/src/App.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import { SSEDataSource, Panel, ResizeHandle, matchTracks, renderTracksToImageData, imageDataToPngB64 } from 'mpr-ui-framework'
+import { SSEDataSource, Panel, ResizeHandle } from 'mpr-ui-framework'
 import type { FrameOverlay, FrameBBox } from 'mpr-ui-framework'
+import { matchTracks, renderTracksToImageData, imageDataToPngB64 } from '@/cv'
 import 'mpr-ui-framework/src/tokens.css'
 import LogPanel from './panels/LogPanel.vue'
 import FunnelPanel from './panels/FunnelPanel.vue'

ui/detection-app/src/components/StageConfigSliders.vue

@@ -5,8 +5,8 @@ import {
   runEdgeDetectionDebug,
   b64ToImageData,
   imageDataToB64,
-} from 'mpr-ui-framework'
-import type { EdgeDetectionParams } from 'mpr-ui-framework'
+} from '@/cv'
+import type { EdgeDetectionParams } from '@/cv'
 
 interface ConfigField {
   name: string

ui/detection-app/src/cv/index.ts

@@ -8,7 +8,7 @@
  * TODO: Move to Web Worker when processing larger batches.
  *
  * Usage:
- *   import { runEdgeDetection, runEdgeDetectionDebug } from 'mpr-ui-framework/src/cv'
+ *   import { runEdgeDetection, runEdgeDetectionDebug } from '@/cv'
  *   const result = await runEdgeDetection(imageData, params)
  */
 

ui/framework/src/index.ts

@@ -30,25 +30,3 @@ export type { BBoxResult, BBoxCallback } from './plugins/BBoxDrawPlugin'
 export { CrosshairPlugin } from './plugins/CrosshairPlugin'
 export type { CrosshairCallback } from './plugins/CrosshairPlugin'
 
-// CV utilities
-export {
-  runEdgeDetection,
-  runEdgeDetectionDebug,
-  matchTracks,
-  renderTracksToImageData,
-  b64ToImageData,
-  imageDataToPngB64,
-  imageDataToB64,
-} from './cv'
-export type {
-  EdgeRegion,
-  EdgeDetectionParams,
-  EdgeDetectionResult,
-  EdgeDetectionDebugResult,
-  Track,
-  TrackPoint,
-} from './cv'
-
-// Design tokens (CSS import)
-// Usage: import 'mpr-ui-framework/tokens.css'
-// Re-exported at package level via package.json exports