mariano/mediaproc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

phase 1

Browse Source
This commit is contained in:
buenosairesam
2026-03-27 22:15:50 -03:00
parent a3b51c458d
commit bf30acd4df
8 changed files with 45 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/detection-app/src/App.vue
View File

@@ -1,6 +1,7 @@
<script setup lang="ts">
import { ref, computed } from 'vue'
import { SSEDataSource, Panel, ResizeHandle } from 'mpr-ui-framework'
import { SSEDataSource, Panel, ResizeHandle, matchTracks, renderTracksToImageData, imageDataToPngB64 } from 'mpr-ui-framework'
import type { FrameOverlay, FrameBBox } from 'mpr-ui-framework'
import 'mpr-ui-framework/src/tokens.css'
import LogPanel from './panels/LogPanel.vue'
import FunnelPanel from './panels/FunnelPanel.vue'
@@ -13,8 +14,6 @@ import SourceSelector from './panels/SourceSelector.vue'
import StageConfigSliders from './components/StageConfigSliders.vue'
import FrameStrip from './components/FrameStrip.vue'
import type { StatsUpdate, RunContext } from './types/sse-contract'
import type { FrameOverlay } from 'mpr-ui-framework/src/renderers/FrameRenderer.vue'
import { matchTracks, renderTracksToImageData, imageDataToPngB64 } from 'mpr-ui-framework/src/cv'
import { usePipelineStore } from './stores/pipeline'
const pipeline = usePipelineStore()
@@ -265,7 +264,7 @@ vueWatch(
const editorOverlays = ref<FrameOverlay[]>([])
// Boxes from edge detection (local or server)
const editorBoxes = ref<import('mpr-ui-framework/src/renderers/FrameRenderer.vue').FrameBBox[]>([])
const editorBoxes = ref<FrameBBox[]>([])
function onReplayResult(result: {
regions_by_frame?: Record<string, unknown[]>

4
ui/detection-app/src/components/StageConfigSliders.vue
View File

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

6
ui/detection-app/src/panels/BrandTablePanel.vue
View File

@@ -1,9 +1,7 @@
<script setup lang="ts">
import { ref } from 'vue'
import { Panel } from 'mpr-ui-framework'
import TableRenderer from 'mpr-ui-framework/src/renderers/TableRenderer.vue'
import type { TableColumn } from 'mpr-ui-framework/src/renderers/TableRenderer.vue'
import type { DataSource } from 'mpr-ui-framework'
import { Panel, TableRenderer } from 'mpr-ui-framework'
import type { TableColumn, DataSource } from 'mpr-ui-framework'
const props = defineProps<{
source: DataSource

8
ui/detection-app/src/panels/FramePanel.vue
View File

@@ -1,9 +1,7 @@
<script setup lang="ts">
import { ref, computed, watch } from 'vue'
import { Panel } from 'mpr-ui-framework'
import FrameRenderer from 'mpr-ui-framework/src/renderers/FrameRenderer.vue'
import type { FrameBBox, FrameOverlay } from 'mpr-ui-framework/src/renderers/FrameRenderer.vue'
import type { DataSource } from 'mpr-ui-framework'
import { Panel, FrameRenderer } from 'mpr-ui-framework'
import type { FrameBBox, FrameOverlay, DataSource } from 'mpr-ui-framework'
const props = defineProps<{
source: DataSource
@@ -13,7 +11,7 @@ const props = defineProps<{
/** Frame image from checkpoint (scenario mode) — overrides SSE */
frameImage?: string | null
/** Boxes from editor (local CV or server) — merged with SSE boxes */
editorBoxes?: import('mpr-ui-framework/src/renderers/FrameRenderer.vue').FrameBBox[]
editorBoxes?: FrameBBox[]
}>()
const imageSrc = ref(props.frameImage ?? '')

3
ui/detection-app/src/panels/FunnelPanel.vue
View File

@@ -1,7 +1,6 @@
<script setup lang="ts">
import { ref, computed } from 'vue'
import { Panel } from 'mpr-ui-framework'
import TimeSeriesRenderer from 'mpr-ui-framework/src/renderers/TimeSeriesRenderer.vue'
import { Panel, TimeSeriesRenderer } from 'mpr-ui-framework'
import type { DataSource } from 'mpr-ui-framework'
import type { StatsUpdate } from '../types/sse-contract'

6
ui/detection-app/src/panels/LogPanel.vue
View File

@@ -1,9 +1,7 @@
<script setup lang="ts">
import { ref } from 'vue'
import { Panel } from 'mpr-ui-framework'
import LogRenderer from 'mpr-ui-framework/src/renderers/LogRenderer.vue'
import type { LogEntry } from 'mpr-ui-framework/src/renderers/LogRenderer.vue'
import type { DataSource } from 'mpr-ui-framework'
import { Panel, LogRenderer } from 'mpr-ui-framework'
import type { LogEntry, DataSource } from 'mpr-ui-framework'
import type { LogEvent } from '../types/sse-contract'
const props = defineProps<{

6
ui/detection-app/src/panels/PipelineGraphPanel.vue
View File

@@ -1,9 +1,7 @@
<script setup lang="ts">
import { ref } from 'vue'
import { Panel } from 'mpr-ui-framework'
import GraphRenderer from 'mpr-ui-framework/src/renderers/GraphRenderer.vue'
import type { GraphNode } from 'mpr-ui-framework/src/renderers/GraphRenderer.vue'
import type { DataSource } from 'mpr-ui-framework'
import { Panel, GraphRenderer } from 'mpr-ui-framework'
import type { GraphNode, DataSource } from 'mpr-ui-framework'
import { usePipelineStore } from '../stores/pipeline'
const PIPELINE_NODES = [