Add log display

package.json

@@ -17,7 +17,7 @@
     "test-ct": "playwright test -c playwright-ct.config.ts"
   },
   "dependencies": {
-    "@deltares/fews-pi-requests": "^1.4.1",
+    "@deltares/fews-pi-requests": "^1.9.0",
     "@deltares/fews-ssd-requests": "^1.0.1",
     "@deltares/fews-ssd-webcomponent": "^1.0.2",
     "@deltares/fews-web-oc-charts": "^3.1.0",

src/components/logdisplay/LogDisplay.vue

@@ -0,0 +1,32 @@
+<template>
+  <LogDisplayComponent
+    v-if="logDisplay"
+    :key="logDisplay.id"
+    :logDisplay
+    :noteGroup
+  />
+</template>
+
+<script setup lang="ts">
+import LogDisplayComponent from './LogDisplayComponent.vue'
+import { configManager } from '@/services/application-config'
+import { useLogDisplay } from '@/services/useLogDisplay'
+import { useNoteGroup } from '@/services/useNoteGroup'
+import type { TopologyNode } from '@deltares/fews-pi-requests'
+
+interface Props {
+  topologyNode?: TopologyNode
+}
+
+const props = defineProps<Props>()
+
+const baseUrl = configManager.get('VITE_FEWS_WEBSERVICES_URL')
+const { logDisplay } = useLogDisplay(
+  baseUrl,
+  () => props.topologyNode?.logDisplay?.id,
+)
+const { noteGroup } = useNoteGroup(
+  baseUrl,
+  () => logDisplay.value?.manualLog?.noteGroupId,
+)
+</script>