+
+
diff --git a/ui/detection-app/src/panels/FramePanel.vue b/ui/detection-app/src/panels/FramePanel.vue
new file mode 100644
index 0000000..0be7383
--- /dev/null
+++ b/ui/detection-app/src/panels/FramePanel.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
diff --git a/ui/framework/src/index.ts b/ui/framework/src/index.ts
index b6ec25d..1b7567a 100644
--- a/ui/framework/src/index.ts
+++ b/ui/framework/src/index.ts
@@ -12,3 +12,4 @@ export { default as LayoutGrid } from './components/LayoutGrid.vue'
export { default as LogRenderer } from './renderers/LogRenderer.vue'
export { default as TimeSeriesRenderer } from './renderers/TimeSeriesRenderer.vue'
export { default as GraphRenderer } from './renderers/GraphRenderer.vue'
+export { default as FrameRenderer } from './renderers/FrameRenderer.vue'
diff --git a/ui/framework/src/renderers/FrameRenderer.vue b/ui/framework/src/renderers/FrameRenderer.vue
new file mode 100644
index 0000000..c0b13cd
--- /dev/null
+++ b/ui/framework/src/renderers/FrameRenderer.vue
@@ -0,0 +1,115 @@
+
+
+
+
+
+
+