Adding a copy action to filter chips

timesketch/frontend-ng/src/views/Explore.vue

@@ -194,7 +194,12 @@ limitations under the License.
                   </template>
                   <ts-filter-menu app :selected-chip="chip" @updateChip="updateChip($event, chip)"></ts-filter-menu>
                 </v-menu>
-
+                <v-list-item @click="copyFilterChip(chip)">
+                  <v-list-item-action>
+                    <v-icon>mdi-content-copy</v-icon>
+                  </v-list-item-action>
+                  <v-list-item-subtitle>Copy filter</v-list-item-subtitle>
+                </v-list-item>
                 <v-list-item @click="toggleChip(chip)">
                   <v-list-item-action>
                     <v-icon v-if="chip.active">mdi-eye-off</v-icon>
@@ -249,6 +254,7 @@ limitations under the License.
                   close
                   close-icon="mdi-close"
                   @click:close="removeChip(chip)"
+                  @click="copyFilterChip(chip)"
                   v-bind="attrs"
                   v-on="onTooltip"
                 >
@@ -543,6 +549,28 @@ export default {
       chip.active = !chip.active
       this.search()
     },
+    copyFilterChip(chip) {
+      let textToCopy = '';
+      // Different handling based on chip type
+      if (chip.type.startsWith('datetime')) {
+        // For datetime chips, just copy the value
+        textToCopy = chip.value;
+      } else {
+        // For other chips, copy both field and value
+        textToCopy = chip.operator === 'must_not' 
+          ? `NOT ${chip.field ? `${chip.field}:` : ''}"${chip.value}"` 
+          : `${chip.field ? `${chip.field}:` : ''}"${chip.value}"`;
+      }
+      // Copy to clipboard
+      navigator.clipboard.writeText(textToCopy)
+        .then(() => {
+          this.infoSnackBar('Copied to clipboard!')
+        })
+        .catch((e) => {
+          this.errorSnackBar('Failed to copy to clipboard.')
+          console.error(e)
+        });
+    },
     removeChip: function (chip, search = true) {
       let chipIndex = this.currentQueryFilter.chips.findIndex((c) => c.value === chip.value)
       this.currentQueryFilter.chips.splice(chipIndex, 1)