From 5dab735d3e2bd2e1ebcb17dac333dcc572afff41 Mon Sep 17 00:00:00 2001
From: Sai Nikhil <nikhil@openobserve.ai>
Date: Sun, 17 Aug 2025 14:45:08 +0530
Subject: [PATCH] fix: removed unused code and warnings while in dev mode /
 build (#8026)

### **User description**
1. removed defineProps , defineEmits as they are not required to import
while using <script setup> because they are built in compiler macros
2. removed unused imports
3. added tbody around tr td inside table which was throwing an error


___

### **PR Type**
Bug fix, Enhancement


___

### **Description**
- Wrap table rows with tbody in DateTime

- Remove unused Vue imports and emits

- Clean up dead code and variables

- Minor formatting and consistency fixes


___

### Diagram Walkthrough


```mermaid
flowchart LR
  A["Vue components"] -- "remove unused imports/defines" --> B["Cleaner scripts"]
  A -- "table rows wrapped with tbody" --> C["Valid HTML structure"]
  C -- "prevents runtime/warning errors" --> D["Stabler UI"]
```



<details> <summary><h3> File Walkthrough</h3></summary>

<table><thead><tr><th></th><th align="left">Relevant
files</th></tr></thead><tbody><tr><td><strong>Bug
fix</strong></td><td><details><summary>1 files</summary><table>
<tr>
<td><strong>DateTime.vue</strong><dd><code>Add tbody wrapper to table
rows</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-c06c96ba750be6fc82f517a53ba809efff8aa619aba203b871d4d2aeb7f64f60">+78/-76</a>&nbsp;
</td>

</tr>

</table></details></td></tr><tr><td><strong>Enhancement</strong></td><td><details><summary>21
files</summary><table>
<tr>
<td><strong>FileItem.vue</strong><dd><code>Drop unused
defineProps/defineEmits imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-ba91340f65190fae07746a2877b42357f3c4b10eb9969e7fc6fe393655bc8752">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AddDestination.vue</strong><dd><code>Remove unused Vue APIs
and service import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-61b295458e13049a538f5014124855d58dce664dfbd644b57a964a37a07b7a3f">+0/-4</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AddTemplate.vue</strong><dd><code>Trim unused Vue
composition imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-2508a43827e6b35c07f3222deebd9945101ca6bc32b9dc592e6253ab99908bba">+0/-4</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AlertsContainer.vue</strong><dd><code>Simplify imports to
only computed</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-39b487d54970cff4a1ccdfbb49a4ccb38f7131bb9d30944ce1c6e86d3f818148">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>FieldsInput.vue</strong><dd><code>Remove unused defineProps
from imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-a2dcba327fb56cd4cb52efb06fccc256a71fd8a551b826c6c94e71dad75524f5">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>FilterCondition.vue</strong><dd><code>Drop unused
defineProps import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-53916e2402d0ee094fcd63f0ec0c99ceffde4fa042f9001203d2e2e1b7709e10">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>VariablesInput.vue</strong><dd><code>Remove unused
defineProps import line</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-23a647aa1acfc95bc726629f0daa54005e3da1ed5b16482ceccef0649f680a74">+0/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AddCipherKey.vue</strong><dd><code>Remove unused defineEmits
from imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-ff5ae3a9b070fe2b3650f177ced0d87e9449ae7375a0b117ee299238293df110">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AppTabs.vue</strong><dd><code>Remove unused defineProps from
import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-f69ae88c0f2018ea808724a0eaee5bd008fd1608c52f7ca20215fc6033f00573">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>FunctionsToolbar.vue</strong><dd><code>Prune unused
composition API imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-8283d2ff9c4a66b4b59eac306672aca2d54655a462e2ddb88e14e039d79dcdaf">+0/-4</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>EntityPermissionTable.vue</strong><dd><code>Remove unused
defineEmits/defineProps imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-07b373cc19e7893c8a8a29f5e6d10b8c74d15d6ad3a4d04f5c06b55d0d8de395">+1/-2</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>PermissionsTable.vue</strong><dd><code>Remove unused
defineEmits import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-609d4d7245b7309cf30cc45c22c996c6b068ebc042a9673e75ee3bbd2aa00a2a">+0/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AssociateFunction.vue</strong><dd><code>Remove unused emits
and lifecycle imports</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-24a5b2df69327a6477227ea674939dea19dd6d393b4bfcf807089d71e6391152">+0/-2</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>ExternalDestination.vue</strong><dd><code>Remove unused
Vue/imports and reactive</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-7ed6a9ef676d7d6db5440d4157512f731bad58716c351ca39015125a8a9d2df5">+0/-3</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>Stream.vue</strong><dd><code>Drop unused imports and
services</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-1a17ced9dc89022502cab0a6f9b97b413c2a2c4f8219733d063fc0180d361739">+1/-2</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>PipelineEditor.vue</strong><dd><code>Remove unused
defineEmits import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-68c21f647336067eb79737ce9aca2d49632f2fa1c0878bcfdae55607e3473a15">+0/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>StreamSelection.vue</strong><dd><code>Remove unused
defineEmits import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-461440be35cc15b6b78700c8a61747ea9fb601a750af5292fa2d04b6fc96d595">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>TenstackTable.vue</strong><dd><code>Remove unused
defineEmits import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-bc3c669f5ab65a42ae378df1f7d6b35014c9c220790bdcc72b47f55d1385dc22">+0/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>CellActions.vue</strong><dd><code>Remove unused imports and
helpers</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-de54e5b8cd9503c53f3f802ac7bc7e3d25846f1657c77cd99534d9f60673992e">+1/-2</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>CustomNode.vue</strong><dd><code>Remove unused refs and
image vars</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-b9d83cd503b6d3470b238accaaea0b4decf567add8ad4727c63c9e583725f408">+1/-5</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>

<tr>
<td><strong>AdvancedValuesFilter.vue</strong><dd><code>Remove unused
defineEmits import</code>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</dd></td>
<td><a
href="https://github.com/openobserve/openobserve/pull/8026/files#diff-19f84276e3e0eebf0af0707cc9480e2dd7434c8e77be13456a1c0607860af3b2">+1/-1</a>&nbsp;
&nbsp; &nbsp; </td>

</tr>
</table></details></td></tr></tr></tbody></table>

</details>

___
---
 web/src/components/DateTime.vue               | 154 +++++++++---------
 web/src/components/actionScripts/FileItem.vue |   2 +-
 web/src/components/alerts/AddDestination.vue  |   4 -
 web/src/components/alerts/AddTemplate.vue     |   5 -
 web/src/components/alerts/AlertsContainer.vue |   2 +-
 web/src/components/alerts/FieldsInput.vue     |   2 +-
 web/src/components/alerts/FilterCondition.vue |   2 +-
 web/src/components/alerts/VariablesInput.vue  |   3 +-
 .../components/cipherkeys/AddCipherKey.vue    |   2 +-
 web/src/components/common/AppTabs.vue         |   2 -
 .../functions/FullViewContainer.vue           |   2 +-
 .../components/functions/FunctionsToolbar.vue |   4 -
 web/src/components/functions/TestFunction.vue |   1 -
 .../iam/roles/EntityPermissionTable.vue       |   3 +-
 .../components/iam/roles/PermissionsTable.vue |   1 -
 .../logstream/StreamFieldInputs.vue           |   1 -
 .../pipeline/NodeForm/AssociateFunction.vue   |   2 -
 .../pipeline/NodeForm/ExternalDestination.vue |   3 -
 .../components/pipeline/NodeForm/Stream.vue   |   3 +-
 .../components/pipeline/PipelineEditor.vue    |   1 -
 .../components/pipeline/StreamSelection.vue   |   2 +-
 .../sessionReplay/SessionLocationColumn.vue   |   1 -
 web/src/plugins/logs/TenstackTable.vue        |   1 -
 .../plugins/logs/data-table/CellActions.vue   |   3 +-
 web/src/plugins/pipelines/CustomNode.vue      |   6 +-
 .../fields-sidebar/AdvancedValuesFilter.vue   |   2 +-
 web/src/utils/common.ts                       |   2 -
 web/src/views/RUM/AppSessions.vue             |   1 -
 28 files changed, 91 insertions(+), 126 deletions(-)

diff --git a/web/src/components/DateTime.vue b/web/src/components/DateTime.vue
index 8660a075ac..43b1ab81c7 100644
--- a/web/src/components/DateTime.vue
+++ b/web/src/components/DateTime.vue
@@ -199,84 +199,86 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
               <q-separator v-if="!disableRelative" class="q-my-sm" />
 
               <table v-if="!hideRelativeTime" class="q-px-md startEndTime">
-                <tr>
-                  <td class="label tw-px-2">Start time</td>
-                  <td class="label tw-px-2">End time</td>
-                </tr>
-                <tr>
-                  <td>
-                    <q-input
-                      v-model="selectedTime.startTime"
-                      dense
-                      filled
-                      mask="fulltime"
-                      :rules="['fulltime']"
-                      @blur="
-                        resetTime(selectedTime.startTime, selectedTime.endTime)
-                      "
-                    >
-                      <template #append>
-                        <q-icon name="access_time" class="cursor-pointer">
-                          <q-popup-proxy
-                            transition-show="scale"
-                            transition-hide="scale"
-                            style="z-index: 10002"
-                          >
-                            <q-time
-                              v-model="selectedTime.startTime"
-                              with-seconds
+                <tbody>
+                  <tr>
+                    <td class="label tw-px-2">Start time</td>
+                    <td class="label tw-px-2">End time</td>
+                  </tr>
+                  <tr>
+                    <td>
+                      <q-input
+                        v-model="selectedTime.startTime"
+                        dense
+                        filled
+                        mask="fulltime"
+                        :rules="['fulltime']"
+                        @blur="
+                          resetTime(selectedTime.startTime, selectedTime.endTime)
+                        "
+                      >
+                        <template #append>
+                          <q-icon name="access_time" class="cursor-pointer">
+                            <q-popup-proxy
+                              transition-show="scale"
+                              transition-hide="scale"
+                              style="z-index: 10002"
                             >
-                              <div class="row items-center justify-end">
-                                <q-btn
-                                  v-close-popup
-                                  label="Close"
-                                  color="primary"
-                                  flat
-                                />
-                              </div>
-                            </q-time>
-                          </q-popup-proxy>
-                        </q-icon>
-                      </template>
-                    </q-input>
-                  </td>
-                  <td>
-                    <q-input
-                      v-model="selectedTime.endTime"
-                      dense
-                      filled
-                      mask="fulltime"
-                      :rules="['fulltime']"
-                      @blur="
-                        resetTime(selectedTime.startTime, selectedTime.endTime)
-                      "
-                    >
-                      <template #append>
-                        <q-icon name="access_time" class="cursor-pointer">
-                          <q-popup-proxy
-                            transition-show="scale"
-                            transition-hide="scale"
-                            style="z-index: 10002"
-                          >
-                            <q-time
-                              v-model="selectedTime.endTime"
-                              :with-seconds="true"
+                              <q-time
+                                v-model="selectedTime.startTime"
+                                with-seconds
+                              >
+                                <div class="row items-center justify-end">
+                                  <q-btn
+                                    v-close-popup
+                                    label="Close"
+                                    color="primary"
+                                    flat
+                                  />
+                                </div>
+                              </q-time>
+                            </q-popup-proxy>
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </td>
+                    <td>
+                      <q-input
+                        v-model="selectedTime.endTime"
+                        dense
+                        filled
+                        mask="fulltime"
+                        :rules="['fulltime']"
+                        @blur="
+                          resetTime(selectedTime.startTime, selectedTime.endTime)
+                        "
+                      >
+                        <template #append>
+                          <q-icon name="access_time" class="cursor-pointer">
+                            <q-popup-proxy
+                              transition-show="scale"
+                              transition-hide="scale"
+                              style="z-index: 10002"
                             >
-                              <div class="row items-center justify-end">
-                                <q-btn
-                                  v-close-popup
-                                  label="Close"
-                                  color="primary"
-                                  flat
-                                />
-                              </div>
-                            </q-time>
-                          </q-popup-proxy>
-                        </q-icon>
-                      </template>
-                    </q-input>
-                  </td>
-                </tr>
+                              <q-time
+                                v-model="selectedTime.endTime"
+                                :with-seconds="true"
+                              >
+                                <div class="row items-center justify-end">
+                                  <q-btn
+                                    v-close-popup
+                                    label="Close"
+                                    color="primary"
+                                    flat
+                                  />
+                                </div>
+                              </q-time>
+                            </q-popup-proxy>
+                          </q-icon>
+                        </template>
+                      </q-input>
+                    </td>
+                  </tr>
+                </tbody>
               </table>
             </div>
           </q-tab-panel>
diff --git a/web/src/components/actionScripts/FileItem.vue b/web/src/components/actionScripts/FileItem.vue
index 210e23e967..5cfbcd9411 100644
--- a/web/src/components/actionScripts/FileItem.vue
+++ b/web/src/components/actionScripts/FileItem.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, defineProps, defineEmits, computed, nextTick, watch } from "vue";
+import { ref, computed, nextTick, watch } from "vue";
 
 const props = defineProps<{
   name: string;
diff --git a/web/src/components/alerts/AddDestination.vue b/web/src/components/alerts/AddDestination.vue
index 6ac0ff3213..39ea025aba 100644
--- a/web/src/components/alerts/AddDestination.vue
+++ b/web/src/components/alerts/AddDestination.vue
@@ -333,11 +333,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import {
   ref,
   computed,
-  defineProps,
   onBeforeMount,
   onActivated,
-  defineEmits,
-  reactive,
 } from "vue";
 import type { Ref, PropType } from "vue";
 import { useI18n } from "vue-i18n";
@@ -353,7 +350,6 @@ import type {
 import { useRouter } from "vue-router";
 import { isValidResourceName } from "@/utils/zincutils";
 import AppTabs from "@/components/common/AppTabs.vue";
-import actionService from "@/services/action_scripts";
 import config from "@/aws-exports";
 import useActions from "@/composables/useActions";
 
diff --git a/web/src/components/alerts/AddTemplate.vue b/web/src/components/alerts/AddTemplate.vue
index b14b425391..4706078fd5 100644
--- a/web/src/components/alerts/AddTemplate.vue
+++ b/web/src/components/alerts/AddTemplate.vue
@@ -212,15 +212,10 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script lang="ts" setup>
 import {
   ref,
-  onMounted,
-  defineProps,
   onBeforeMount,
   onActivated,
-  defineEmits,
-  watch,
   computed,
   defineAsyncComponent,
-  defineComponent,
 } from "vue";
 import type { Ref } from "vue";
 import { useI18n } from "vue-i18n";
diff --git a/web/src/components/alerts/AlertsContainer.vue b/web/src/components/alerts/AlertsContainer.vue
index 9953922f91..35466f3f74 100644
--- a/web/src/components/alerts/AlertsContainer.vue
+++ b/web/src/components/alerts/AlertsContainer.vue
@@ -65,7 +65,7 @@
     
   </template>
   <script setup lang="ts">
-  import { defineProps, ref, onMounted, computed, watch, defineEmits } from "vue";
+  import { computed } from "vue";
   import { useStore } from "vuex";
   
   const props = defineProps({
diff --git a/web/src/components/alerts/FieldsInput.vue b/web/src/components/alerts/FieldsInput.vue
index 90f3234942..17e17f4a51 100644
--- a/web/src/components/alerts/FieldsInput.vue
+++ b/web/src/components/alerts/FieldsInput.vue
@@ -151,7 +151,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script lang="ts" setup>
-import { defineProps, ref,computed } from "vue";
+import { ref, computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { outlinedDelete } from "@quasar/extras/material-icons-outlined";
 import { useStore } from "vuex";
diff --git a/web/src/components/alerts/FilterCondition.vue b/web/src/components/alerts/FilterCondition.vue
index 58f9d92490..97e5f39d1e 100644
--- a/web/src/components/alerts/FilterCondition.vue
+++ b/web/src/components/alerts/FilterCondition.vue
@@ -117,7 +117,7 @@
     },
     });
 
-import { defineProps, ref,computed } from "vue";
+import { ref, computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { outlinedDelete } from "@quasar/extras/material-icons-outlined";
 import { useStore } from "vuex";
diff --git a/web/src/components/alerts/VariablesInput.vue b/web/src/components/alerts/VariablesInput.vue
index c4ad0a4d05..5dd6a22a5e 100644
--- a/web/src/components/alerts/VariablesInput.vue
+++ b/web/src/components/alerts/VariablesInput.vue
@@ -131,9 +131,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { defineProps } from "vue";
 import { useI18n } from "vue-i18n";
-import { outlinedDelete, outlinedInfo } from "@quasar/extras/material-icons-outlined";
+import { outlinedDelete } from "@quasar/extras/material-icons-outlined";
 import { useStore } from "vuex";
 
 const props = defineProps({
diff --git a/web/src/components/cipherkeys/AddCipherKey.vue b/web/src/components/cipherkeys/AddCipherKey.vue
index d35dfd625c..04305b68f0 100644
--- a/web/src/components/cipherkeys/AddCipherKey.vue
+++ b/web/src/components/cipherkeys/AddCipherKey.vue
@@ -194,7 +194,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   </q-page>
 </template>
 <script lang="ts" setup>
-import { ref, onBeforeMount, onActivated, defineEmits, computed } from "vue";
+import { ref, onBeforeMount, onActivated, computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";
diff --git a/web/src/components/common/AppTabs.vue b/web/src/components/common/AppTabs.vue
index 1beb7fa214..122b138d9e 100644
--- a/web/src/components/common/AppTabs.vue
+++ b/web/src/components/common/AppTabs.vue
@@ -40,8 +40,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { computed, defineProps } from "vue";
-
 interface Tab {
   label: string;
   value: string;
diff --git a/web/src/components/functions/FullViewContainer.vue b/web/src/components/functions/FullViewContainer.vue
index 61d782cd7e..0d5db4fb2e 100644
--- a/web/src/components/functions/FullViewContainer.vue
+++ b/web/src/components/functions/FullViewContainer.vue
@@ -40,7 +40,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, ref, onMounted, computed, watch, defineEmits } from "vue";
+import { computed } from "vue";
 import { useStore } from "vuex";
 
 const props = defineProps({
diff --git a/web/src/components/functions/FunctionsToolbar.vue b/web/src/components/functions/FunctionsToolbar.vue
index d0be90c7b6..5bcd2f8936 100644
--- a/web/src/components/functions/FunctionsToolbar.vue
+++ b/web/src/components/functions/FunctionsToolbar.vue
@@ -133,12 +133,8 @@
 </template>
 <script setup lang="ts">
 import {
-  defineComponent,
   ref,
-  onMounted,
   computed,
-  watch,
-  defineEmits,
 } from "vue";
 import { useI18n } from "vue-i18n";
 import { useQuasar } from "quasar";
diff --git a/web/src/components/functions/TestFunction.vue b/web/src/components/functions/TestFunction.vue
index 7291d1eef2..b8bc02f41e 100644
--- a/web/src/components/functions/TestFunction.vue
+++ b/web/src/components/functions/TestFunction.vue
@@ -315,7 +315,6 @@
 import {
   onBeforeMount,
   ref,
-  defineProps,
   defineExpose,
   computed,
   nextTick,
diff --git a/web/src/components/iam/roles/EntityPermissionTable.vue b/web/src/components/iam/roles/EntityPermissionTable.vue
index ad628fe736..07df774b5b 100644
--- a/web/src/components/iam/roles/EntityPermissionTable.vue
+++ b/web/src/components/iam/roles/EntityPermissionTable.vue
@@ -45,9 +45,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 </template>
 
 <script setup lang="ts">
-import { ref, defineEmits } from "vue";
+import { ref } from "vue";
 import { useI18n } from "vue-i18n";
-import { defineProps } from "vue";
 import AppTable from "@/components/AppTable.vue";
 import usePermissions from "@/composables/iam/usePermissions";
 import type { Entity } from "@/ts/interfaces";
diff --git a/web/src/components/iam/roles/PermissionsTable.vue b/web/src/components/iam/roles/PermissionsTable.vue
index caa64722a0..ff101845ec 100644
--- a/web/src/components/iam/roles/PermissionsTable.vue
+++ b/web/src/components/iam/roles/PermissionsTable.vue
@@ -244,7 +244,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script setup lang="ts">
 import { ref } from "vue";
-import { defineEmits } from "vue";
 import { useI18n } from "vue-i18n";
 
 const props = defineProps({
diff --git a/web/src/components/logstream/StreamFieldInputs.vue b/web/src/components/logstream/StreamFieldInputs.vue
index 1902607448..182ea431b8 100644
--- a/web/src/components/logstream/StreamFieldInputs.vue
+++ b/web/src/components/logstream/StreamFieldInputs.vue
@@ -134,7 +134,6 @@
 </template>
 
 <script lang="ts" setup>
-import { defineProps, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { outlinedDelete } from "@quasar/extras/material-icons-outlined";
 import { useStore } from "vuex";
diff --git a/web/src/components/pipeline/NodeForm/AssociateFunction.vue b/web/src/components/pipeline/NodeForm/AssociateFunction.vue
index 03a53c4101..f5ccc37a76 100644
--- a/web/src/components/pipeline/NodeForm/AssociateFunction.vue
+++ b/web/src/components/pipeline/NodeForm/AssociateFunction.vue
@@ -169,8 +169,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import {
   ref,
   type Ref,
-  defineEmits,
-  onBeforeMount,
   watch,
   nextTick,
   defineAsyncComponent,
diff --git a/web/src/components/pipeline/NodeForm/ExternalDestination.vue b/web/src/components/pipeline/NodeForm/ExternalDestination.vue
index a4568b075b..2eb0efd7c0 100644
--- a/web/src/components/pipeline/NodeForm/ExternalDestination.vue
+++ b/web/src/components/pipeline/NodeForm/ExternalDestination.vue
@@ -272,12 +272,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import {
   ref,
   computed,
-  defineProps,
   onBeforeMount,
   onActivated,
-  defineEmits,
   watch,
-  reactive,
 } from "vue";
 import type { Ref } from "vue";
 import { useI18n } from "vue-i18n";
diff --git a/web/src/components/pipeline/NodeForm/Stream.vue b/web/src/components/pipeline/NodeForm/Stream.vue
index f08a445c4f..244196e502 100644
--- a/web/src/components/pipeline/NodeForm/Stream.vue
+++ b/web/src/components/pipeline/NodeForm/Stream.vue
@@ -171,13 +171,12 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   />
 </template>
 <script lang="ts" setup>
-import { ref, type Ref, defineEmits, onMounted, watch, defineAsyncComponent, computed } from "vue";
+import { ref, type Ref, onMounted, watch, computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { useStore } from "vuex";
 import ConfirmDialog from "../../ConfirmDialog.vue";
 import useDragAndDrop from "@/plugins/pipelines/useDnD";
 import useStreams from "@/composables/useStreams";
-import pipelineService from "@/services/pipelines";
 import usePipelines from "@/composables/usePipelines";
 
 import AddStream from "@/components/logstream/AddStream.vue";
diff --git a/web/src/components/pipeline/PipelineEditor.vue b/web/src/components/pipeline/PipelineEditor.vue
index 89c558ff04..068e0c9588 100644
--- a/web/src/components/pipeline/PipelineEditor.vue
+++ b/web/src/components/pipeline/PipelineEditor.vue
@@ -200,7 +200,6 @@ import {
   watch,
   ref,
   type Ref,
-  defineEmits,
 } from "vue";
 import { getImageURL } from "@/utils/zincutils";
 import AssociateFunction from "@/components/pipeline/NodeForm/AssociateFunction.vue";
diff --git a/web/src/components/pipeline/StreamSelection.vue b/web/src/components/pipeline/StreamSelection.vue
index 6795d96e71..70619588e7 100644
--- a/web/src/components/pipeline/StreamSelection.vue
+++ b/web/src/components/pipeline/StreamSelection.vue
@@ -165,7 +165,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 <script lang="ts" setup>
 import useStreams from "@/composables/useStreams";
-import { ref, computed, type Ref, defineEmits } from "vue";
+import { ref, computed, type Ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { useStore } from "vuex";
 
diff --git a/web/src/components/rum/sessionReplay/SessionLocationColumn.vue b/web/src/components/rum/sessionReplay/SessionLocationColumn.vue
index 9c3a4114d3..63141de3e5 100644
--- a/web/src/components/rum/sessionReplay/SessionLocationColumn.vue
+++ b/web/src/components/rum/sessionReplay/SessionLocationColumn.vue
@@ -34,7 +34,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
   </div>
 </template>
 <script lang="ts" setup>
-import { defineProps } from "vue";
 import "flag-icons/css/flag-icons.min.css";
 
 defineProps({
diff --git a/web/src/plugins/logs/TenstackTable.vue b/web/src/plugins/logs/TenstackTable.vue
index a358ea513e..40d087afd5 100644
--- a/web/src/plugins/logs/TenstackTable.vue
+++ b/web/src/plugins/logs/TenstackTable.vue
@@ -367,7 +367,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 import {
   ref,
   computed,
-  defineEmits,
   watch,
   nextTick,
   onMounted,
diff --git a/web/src/plugins/logs/data-table/CellActions.vue b/web/src/plugins/logs/data-table/CellActions.vue
index af529528b4..d56390975c 100644
--- a/web/src/plugins/logs/data-table/CellActions.vue
+++ b/web/src/plugins/logs/data-table/CellActions.vue
@@ -49,11 +49,10 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, defineEmits, computed } from "vue";
+import { computed } from "vue";
 import { useStore } from "vuex";
 import EqualIcon from "@/components/icons/EqualIcon.vue";
 import NotEqualIcon from "@/components/icons/NotEqualIcon.vue";
-import { getImageURL } from "@/utils/zincutils";
 import O2AIContextAddBtn from "@/components/common/O2AIContextAddBtn.vue";
 
 defineProps({
diff --git a/web/src/plugins/pipelines/CustomNode.vue b/web/src/plugins/pipelines/CustomNode.vue
index bd10f8db6e..e9fc654949 100644
--- a/web/src/plugins/pipelines/CustomNode.vue
+++ b/web/src/plugins/pipelines/CustomNode.vue
@@ -17,20 +17,16 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup>
 import { Handle } from "@vue-flow/core";
 import useDragAndDrop from "./useDnD";
-import { defineEmits, ref } from "vue";
+import { ref } from "vue";
 import { useI18n } from "vue-i18n";
 import ConfirmDialog from "@/components/ConfirmDialog.vue";
 import { getImageURL } from "@/utils/zincutils";
 
 import config from "@/aws-exports";
 
-const streamImage = getImageURL("images/pipeline/stream.svg");
-
 const functionImage = getImageURL("images/pipeline/function.svg");
 const streamOutputImage = getImageURL("images/pipeline/outputStream.svg");
-const streamRouteImage = getImageURL("images/pipeline/route.svg");
 const conditionImage = getImageURL("images/pipeline/condition.svg");
-const queryImage = getImageURL("images/pipeline/query.svg");
 const externalOutputImage = getImageURL("images/pipeline/externalOutput.svg");
 
 
diff --git a/web/src/plugins/traces/fields-sidebar/AdvancedValuesFilter.vue b/web/src/plugins/traces/fields-sidebar/AdvancedValuesFilter.vue
index 11ca772428..6d8cab468d 100644
--- a/web/src/plugins/traces/fields-sidebar/AdvancedValuesFilter.vue
+++ b/web/src/plugins/traces/fields-sidebar/AdvancedValuesFilter.vue
@@ -104,7 +104,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, defineEmits } from "vue";
+import { ref } from "vue";
 import { debounce } from "quasar";
 import { watch } from "vue";
 import { cloneDeep } from "lodash-es";
diff --git a/web/src/utils/common.ts b/web/src/utils/common.ts
index 8579fbf2e0..74b2e85076 100644
--- a/web/src/utils/common.ts
+++ b/web/src/utils/common.ts
@@ -16,11 +16,9 @@
 import { ref } from "vue";
 import organizationsService from "../services/organizations";
 import { useLocalOrganization, getPath } from "./zincutils";
-import { useStore } from "vuex";
 
 const selectedOrg = ref("");
 const orgOptions = ref([{ label: Number, value: String }]);
-const store = useStore();
 
 export const getDefaultOrganization = async (
   userInfo: any,
diff --git a/web/src/views/RUM/AppSessions.vue b/web/src/views/RUM/AppSessions.vue
index e8fdbe9385..82e94b911b 100644
--- a/web/src/views/RUM/AppSessions.vue
+++ b/web/src/views/RUM/AppSessions.vue
@@ -156,7 +156,6 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 <script setup lang="ts">
 import {
   ref,
-  defineProps,
   onMounted,
   type Ref,
   onBeforeMount,