From f16d261476af2ba7cab9ab97dd27c1aa013f6738 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Thu, 29 Jan 2026 03:57:34 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20action=20toolbar=20component?=
 =?UTF-8?q?=20for=20gamemaster=20functionality?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/gamemaster/ActionToolbar.vue   | 77 +++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 code/websites/pokedex.online/src/components/gamemaster/ActionToolbar.vue

diff --git a/code/websites/pokedex.online/src/components/gamemaster/ActionToolbar.vue b/code/websites/pokedex.online/src/components/gamemaster/ActionToolbar.vue
new file mode 100644
index 0000000..d8a4d78
--- /dev/null
+++ b/code/websites/pokedex.online/src/components/gamemaster/ActionToolbar.vue
@@ -0,0 +1,77 @@
+<template>
+  <div v-if="fileContent" class="action-bar">
+    <button
+      @click="copySelected"
+      :disabled="selectionCount === 0"
+      class="btn-action"
+    >
+      📋 Copy Selected ({{ selectionCount }} lines)
+    </button>
+    <button @click="copyAll" class="btn-action">📋 Copy All</button>
+    <button
+      @click="exportSelected"
+      :disabled="selectionCount === 0"
+      class="btn-action"
+    >
+      💾 Export Selected
+    </button>
+    <button @click="exportAll" class="btn-action">💾 Export All</button>
+    <button @click="shareUrl" class="btn-action">🔗 Share Link</button>
+  </div>
+</template>
+
+<script setup>
+import { toRef } from 'vue';
+import { useLineSelection } from '../../composables/useLineSelection.js';
+
+const props = defineProps({
+  displayLines: {
+    type: Array,
+    default: () => []
+  },
+  fileContent: {
+    type: String,
+    default: ''
+  },
+  selectedFile: {
+    type: String,
+    default: ''
+  }
+});
+
+const displayLines = toRef(props, 'displayLines');
+const fileContent = toRef(props, 'fileContent');
+const selectedFile = toRef(props, 'selectedFile');
+
+const {
+  selectionCount,
+  copySelected,
+  copyAll,
+  exportSelected,
+  exportAll,
+  shareUrl
+} = useLineSelection(displayLines, fileContent, selectedFile);
+</script>
+
+<style scoped>
+.action-bar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.btn-action {
+  background: #f5f5f5;
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  padding: 6px 12px;
+  cursor: pointer;
+  font-size: 13px;
+}
+
+.btn-action:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+</style>