diff --git a/app/assets/global.css b/app/assets/global.css
index fc9e55aa..c8d6547c 100644
--- a/app/assets/global.css
+++ b/app/assets/global.css
@@ -75,12 +75,21 @@
     pointer-events: none !important;
   }
 
-  /* Fix button hover styles - light gray background */
-  .v-btn:hover {
-  background-color: var(--app-accent-weak) !important;
+  /* Fix button hover styles - light gray background (exclude primary outlined buttons) */
+  .v-btn:hover:not(.v-btn--variant-outlined) {
+    background-color: var(--app-accent-weak) !important;
   }
   
-  .v-btn:hover .v-btn__overlay {
+  .v-btn:hover:not(.v-btn--variant-outlined) .v-btn__overlay {
+    display: none !important;
+  }
+
+  /* Export button hover - use proper primary color with transparency */
+  .v-btn--variant-outlined.v-btn--color-primary:hover {
+    background-color: rgba(var(--v-theme-primary), 0.08) !important;
+  }
+  
+  .v-btn--variant-outlined.v-btn--color-primary:hover .v-btn__overlay {
     display: none !important;
   }
 
@@ -197,4 +206,38 @@
   /* Pagination buttons hover state unify with buttons */
   .v-data-table .v-data-table-footer .v-btn:hover { 
     background-color: var(--app-accent-weak) !important; 
+  }
+
+  /* Export dropdown menus - ensure readable styling consistent with pagination dropdowns */
+  .v-menu .v-list { 
+    background: var(--v-theme-surface, #fff) !important; 
+    border-radius: 8px;
+    box-shadow: 0 6px 24px rgba(56, 79, 184, 0.15);
+  }
+
+  .v-menu .v-list .v-list-item { 
+    background: var(--v-theme-surface, #fff) !important; 
+    color: var(--v-theme-on-surface, #000) !important; 
+    min-height: 40px;
+  }
+
+  .v-menu .v-list .v-list-item .v-list-item-title { 
+    color: var(--v-theme-on-surface, #000) !important; 
+  }
+
+  .v-menu .v-list .v-list-item .v-icon { 
+    color: var(--v-theme-on-surface, #000) !important; 
+  }
+
+  .v-menu .v-list .v-list-item:hover { 
+    background: var(--app-accent-weak) !important; 
+  }
+
+  .v-menu .v-list .v-list-item.v-list-item--active { 
+    background: var(--app-accent-weak) !important; 
+  }
+
+  /* Remove dark overlay layer inside export dropdown list items */
+  .v-menu .v-list .v-list-item .v-list-item__overlay { 
+    background: transparent !important; 
   }
\ No newline at end of file
diff --git a/app/components/AgentModeViewer.vue b/app/components/AgentModeViewer.vue
index ee02c03f..62ceaddf 100644
--- a/app/components/AgentModeViewer.vue
+++ b/app/components/AgentModeViewer.vue
@@ -167,6 +167,34 @@ v-if="stats.agentModeChartData.labels.length" :data="stats.agentModeChartData"
                                 IDE Code Completions Models ({{ stats.ideCodeCompletionModels.length }})
                             </v-expansion-panel-title>
                             <v-expansion-panel-text>
+                                <div class="d-flex justify-space-between align-center mb-4">
+                                    <h3>IDE Code Completion Models</h3>
+                                    <v-menu>
+                                        <template v-slot:activator="{ props }">
+                                            <v-btn 
+                                                color="primary" 
+                                                variant="outlined" 
+                                                prepend-icon="mdi-download"
+                                                append-icon="mdi-chevron-down"
+                                                size="small"
+                                                v-bind="props"
+                                            >
+                                                Export All ({{ stats.ideCodeCompletionModels.length }})
+                                            </v-btn>
+                                        </template>
+                                        <v-list>
+                                            <v-list-item @click="exportIdeCodeCompletionCSV" prepend-icon="mdi-file-delimited-outline">
+                                                <v-list-item-title>Export as CSV</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="exportIdeCodeCompletionJSON" prepend-icon="mdi-code-json">
+                                                <v-list-item-title>Export as JSON</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="copyIdeCodeCompletionToClipboard" prepend-icon="mdi-content-copy">
+                                                <v-list-item-title>Copy to Clipboard</v-list-item-title>
+                                            </v-list-item>
+                                        </v-list>
+                                    </v-menu>
+                                </div>
                                 <v-data-table
 :headers="codeCompletionHeaders" :items="stats.ideCodeCompletionModels"
                                     class="elevation-1" item-key="name" />
@@ -179,6 +207,34 @@ v-if="stats.agentModeChartData.labels.length" :data="stats.agentModeChartData"
                                 IDE Chat Models ({{ stats.ideChatModels.length }})
                             </v-expansion-panel-title>
                             <v-expansion-panel-text>
+                                <div class="d-flex justify-space-between align-center mb-4">
+                                    <h3>IDE Chat Models</h3>
+                                    <v-menu>
+                                        <template v-slot:activator="{ props }">
+                                            <v-btn 
+                                                color="primary" 
+                                                variant="outlined" 
+                                                prepend-icon="mdi-download"
+                                                append-icon="mdi-chevron-down"
+                                                size="small"
+                                                v-bind="props"
+                                            >
+                                                Export All ({{ stats.ideChatModels.length }})
+                                            </v-btn>
+                                        </template>
+                                        <v-list>
+                                            <v-list-item @click="exportIdeChatCSV" prepend-icon="mdi-file-delimited-outline">
+                                                <v-list-item-title>Export as CSV</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="exportIdeChatJSON" prepend-icon="mdi-code-json">
+                                                <v-list-item-title>Export as JSON</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="copyIdeChatToClipboard" prepend-icon="mdi-content-copy">
+                                                <v-list-item-title>Copy to Clipboard</v-list-item-title>
+                                            </v-list-item>
+                                        </v-list>
+                                    </v-menu>
+                                </div>
                                 <v-data-table
 :headers="ideChatHeaders" :items="stats.ideChatModels" class="elevation-1"
                                     item-key="name" />
@@ -191,6 +247,34 @@ v-if="stats.agentModeChartData.labels.length" :data="stats.agentModeChartData"
                                 GitHub.com Chat Models ({{ stats.dotcomChatModels.length }})
                             </v-expansion-panel-title>
                             <v-expansion-panel-text>
+                                <div class="d-flex justify-space-between align-center mb-4">
+                                    <h3>GitHub.com Chat Models</h3>
+                                    <v-menu>
+                                        <template v-slot:activator="{ props }">
+                                            <v-btn 
+                                                color="primary" 
+                                                variant="outlined" 
+                                                prepend-icon="mdi-download"
+                                                append-icon="mdi-chevron-down"
+                                                size="small"
+                                                v-bind="props"
+                                            >
+                                                Export All ({{ stats.dotcomChatModels.length }})
+                                            </v-btn>
+                                        </template>
+                                        <v-list>
+                                            <v-list-item @click="exportDotcomChatCSV" prepend-icon="mdi-file-delimited-outline">
+                                                <v-list-item-title>Export as CSV</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="exportDotcomChatJSON" prepend-icon="mdi-code-json">
+                                                <v-list-item-title>Export as JSON</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="copyDotcomChatToClipboard" prepend-icon="mdi-content-copy">
+                                                <v-list-item-title>Copy to Clipboard</v-list-item-title>
+                                            </v-list-item>
+                                        </v-list>
+                                    </v-menu>
+                                </div>
                                 <v-data-table
 :headers="dotcomChatHeaders" :items="stats.dotcomChatModels"
                                     class="elevation-1" item-key="name" />
@@ -203,6 +287,34 @@ v-if="stats.agentModeChartData.labels.length" :data="stats.agentModeChartData"
                                 GitHub.com PR Summary Models ({{ stats.dotcomPRModels.length }})
                             </v-expansion-panel-title>
                             <v-expansion-panel-text>
+                                <div class="d-flex justify-space-between align-center mb-4">
+                                    <h3>GitHub.com PR Summary Models</h3>
+                                    <v-menu>
+                                        <template v-slot:activator="{ props }">
+                                            <v-btn 
+                                                color="primary" 
+                                                variant="outlined" 
+                                                prepend-icon="mdi-download"
+                                                append-icon="mdi-chevron-down"
+                                                size="small"
+                                                v-bind="props"
+                                            >
+                                                Export All ({{ stats.dotcomPRModels.length }})
+                                            </v-btn>
+                                        </template>
+                                        <v-list>
+                                            <v-list-item @click="exportDotcomPRCSV" prepend-icon="mdi-file-delimited-outline">
+                                                <v-list-item-title>Export as CSV</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="exportDotcomPRJSON" prepend-icon="mdi-code-json">
+                                                <v-list-item-title>Export as JSON</v-list-item-title>
+                                            </v-list-item>
+                                            <v-list-item @click="copyDotcomPRToClipboard" prepend-icon="mdi-content-copy">
+                                                <v-list-item-title>Copy to Clipboard</v-list-item-title>
+                                            </v-list-item>
+                                        </v-list>
+                                    </v-menu>
+                                </div>
                                 <v-data-table
 :headers="dotcomPRHeaders" :items="stats.dotcomPRModels"
                                     class="elevation-1" item-key="name" />
@@ -239,6 +351,7 @@ import type { CopilotMetrics } from '@/model/Copilot_Metrics';
 import { Options } from '@/model/Options';
 import { useRoute } from 'vue-router';
 import { Line as LineChart, Bar as BarChart } from 'vue-chartjs';
+import { exportToCSV, exportToJSON, copyTableToClipboard, formatFilename } from '@/utils/exportUtils';
 import {
     Chart as ChartJS,
     CategoryScale,
@@ -498,6 +611,163 @@ export default defineComponent({
             }
         };
 
+        // Export functions for each table
+        const exportIdeCodeCompletionCSV = () => {
+            const exportData = stats.value.ideCodeCompletionModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Editor': model.editor || '',
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users
+            }));
+            const filename = formatFilename('ide_code_completion_models', 'csv');
+            exportToCSV(exportData, filename);
+        };
+
+        const exportIdeCodeCompletionJSON = () => {
+            const exportData = stats.value.ideCodeCompletionModels.map((model, index) => ({
+                serialNumber: index + 1,
+                modelName: model.name,
+                editor: model.editor || '',
+                type: model.model_type,
+                totalUsersWithActivity: model.total_engaged_users
+            }));
+            const filename = formatFilename('ide_code_completion_models', 'json');
+            exportToJSON(exportData, filename);
+        };
+
+
+        const copyIdeCodeCompletionToClipboard = async () => {
+            const exportData = stats.value.ideCodeCompletionModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Editor': model.editor || '',
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users
+            }));
+            await copyTableToClipboard(exportData);
+        };
+
+        const exportIdeChatCSV = () => {
+            const exportData = stats.value.ideChatModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Editor': model.editor || '',
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users,
+                'Total Chats': model.total_chats || 0,
+                'Insertions': model.total_chat_insertion_events || 0,
+                'Copy Events': model.total_chat_copy_events || 0
+            }));
+            const filename = formatFilename('ide_chat_models', 'csv');
+            exportToCSV(exportData, filename);
+        };
+
+        const exportIdeChatJSON = () => {
+            const exportData = stats.value.ideChatModels.map((model, index) => ({
+                serialNumber: index + 1,
+                modelName: model.name,
+                editor: model.editor || '',
+                type: model.model_type,
+                totalUsersWithActivity: model.total_engaged_users,
+                totalChats: model.total_chats || 0,
+                insertions: model.total_chat_insertion_events || 0,
+                copyEvents: model.total_chat_copy_events || 0
+            }));
+            const filename = formatFilename('ide_chat_models', 'json');
+            exportToJSON(exportData, filename);
+        };
+
+
+        const copyIdeChatToClipboard = async () => {
+            const exportData = stats.value.ideChatModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Editor': model.editor || '',
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users,
+                'Total Chats': model.total_chats || 0,
+                'Insertions': model.total_chat_insertion_events || 0,
+                'Copy Events': model.total_chat_copy_events || 0
+            }));
+            await copyTableToClipboard(exportData);
+        };
+
+        const exportDotcomChatCSV = () => {
+            const exportData = stats.value.dotcomChatModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users,
+                'Total Chats': model.total_chats || 0
+            }));
+            const filename = formatFilename('github_com_chat_models', 'csv');
+            exportToCSV(exportData, filename);
+        };
+
+        const exportDotcomChatJSON = () => {
+            const exportData = stats.value.dotcomChatModels.map((model, index) => ({
+                serialNumber: index + 1,
+                modelName: model.name,
+                type: model.model_type,
+                totalUsersWithActivity: model.total_engaged_users,
+                totalChats: model.total_chats || 0
+            }));
+            const filename = formatFilename('github_com_chat_models', 'json');
+            exportToJSON(exportData, filename);
+        };
+
+
+        const copyDotcomChatToClipboard = async () => {
+            const exportData = stats.value.dotcomChatModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users,
+                'Total Chats': model.total_chats || 0
+            }));
+            await copyTableToClipboard(exportData);
+        };
+
+        const exportDotcomPRCSV = () => {
+            const exportData = stats.value.dotcomPRModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Repository': model.repository || '',
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users,
+                'PR Summaries': model.total_pr_summaries_created || 0
+            }));
+            const filename = formatFilename('github_com_pr_summary_models', 'csv');
+            exportToCSV(exportData, filename);
+        };
+
+        const exportDotcomPRJSON = () => {
+            const exportData = stats.value.dotcomPRModels.map((model, index) => ({
+                serialNumber: index + 1,
+                modelName: model.name,
+                repository: model.repository || '',
+                type: model.model_type,
+                totalUsersWithActivity: model.total_engaged_users,
+                prSummaries: model.total_pr_summaries_created || 0
+            }));
+            const filename = formatFilename('github_com_pr_summary_models', 'json');
+            exportToJSON(exportData, filename);
+        };
+
+
+        const copyDotcomPRToClipboard = async () => {
+            const exportData = stats.value.dotcomPRModels.map((model, index) => ({
+                'S.No': index + 1,
+                'Model Name': model.name,
+                'Repository': model.repository || '',
+                'Type': model.model_type,
+                'Total Users with Activity': model.total_engaged_users,
+                'PR Summaries': model.total_pr_summaries_created || 0
+            }));
+            await copyTableToClipboard(exportData);
+        };
+
         return {
             stats,
             loading,
@@ -507,7 +777,19 @@ export default defineComponent({
             dotcomChatHeaders,
             dotcomPRHeaders,
             chartOptions,
-            barChartOptions
+            barChartOptions,
+            exportIdeCodeCompletionCSV,
+            exportIdeCodeCompletionJSON,
+            copyIdeCodeCompletionToClipboard,
+            exportIdeChatCSV,
+            exportIdeChatJSON,
+            copyIdeChatToClipboard,
+            exportDotcomChatCSV,
+            exportDotcomChatJSON,
+            copyDotcomChatToClipboard,
+            exportDotcomPRCSV,
+            exportDotcomPRJSON,
+            copyDotcomPRToClipboard
         };
     }
 });
diff --git a/app/components/BreakdownComponent.vue b/app/components/BreakdownComponent.vue
index 0889a043..7fd4e851 100644
--- a/app/components/BreakdownComponent.vue
+++ b/app/components/BreakdownComponent.vue
@@ -57,8 +57,27 @@
         </v-row>
 
         <br>
-        <h2>{{ breakdownDisplayNamePlural }} Breakdown </h2>
-        <br>
+        <div class="d-flex justify-space-between align-center mb-4">
+          <h2>{{ breakdownDisplayNamePlural }} Breakdown</h2>
+          <v-menu>
+            <template v-slot:activator="{ props }">
+              <v-btn color="primary" variant="outlined" prepend-icon="mdi-download" append-icon="mdi-chevron-down" size="small" v-bind="props">
+                Export All ({{ breakdownList.length }})
+              </v-btn>
+            </template>
+            <v-list>
+              <v-list-item @click="exportCSV" prepend-icon="mdi-file-delimited-outline">
+                <v-list-item-title>Export as CSV</v-list-item-title>
+              </v-list-item>
+              <v-list-item @click="exportJSON" prepend-icon="mdi-code-json">
+                <v-list-item-title>Export as JSON</v-list-item-title>
+              </v-list-item>
+              <v-list-item @click="copyToClipboard" prepend-icon="mdi-content-copy">
+                <v-list-item-title>Copy to Clipboard</v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-menu>
+        </div>
 
         <v-data-table :headers="headers" :items="breakdownList" class="elevation-2" style="padding-left: 100px; padding-right: 100px;">
             <template #item="{item}">
@@ -83,6 +102,7 @@ import { defineComponent, ref, toRef, watch } from 'vue';
 import type { Metrics } from '@/model/Metrics';
 import { Breakdown } from '@/model/Breakdown';
 import { Pie } from 'vue-chartjs'
+import { exportToCSV, exportToJSON, copyTableToClipboard, formatFilename } from '@/utils/exportUtils';
 
 import {
   Chart as ChartJS,
@@ -265,7 +285,19 @@ export default defineComponent({
       ];
     },
   },
-  
+  methods: {
+    exportCSV() {
+      const filename = formatFilename(`${this.breakdownDisplayNamePlural.toLowerCase()}_breakdown`, 'csv');
+      exportToCSV(this.breakdownList, filename);
+    },
+    exportJSON() {
+      const filename = formatFilename(`${this.breakdownDisplayNamePlural.toLowerCase()}_breakdown`, 'json');
+      exportToJSON(this.breakdownList, filename);
+    },
+    async copyToClipboard() {
+      await copyTableToClipboard(this.breakdownList);
+    }
+  },
 
 });
 </script>
diff --git a/app/components/SeatsAnalysisViewer.vue b/app/components/SeatsAnalysisViewer.vue
index 5ce7364d..b3a439eb 100644
--- a/app/components/SeatsAnalysisViewer.vue
+++ b/app/components/SeatsAnalysisViewer.vue
@@ -87,8 +87,34 @@ elevation="4" color="white" variant="elevated" class="mx-auto my-3"
         <v-main class="p-1" style="min-height: 300px;">
             <v-container style="min-height: 300px;" class="px-4 elevation-2">
                 <br>
-                <h2>All assigned seats </h2>
-                <br>
+                <div class="d-flex justify-space-between align-center mb-4">
+                    <h2>All assigned seats </h2>
+                    <v-menu>
+                        <template v-slot:activator="{ props }">
+                            <v-btn 
+                                color="primary" 
+                                variant="outlined" 
+                                prepend-icon="mdi-download"
+                                append-icon="mdi-chevron-down"
+                                size="small"
+                                v-bind="props"
+                            >
+                                Export All ({{ totalSeats.length }})
+                            </v-btn>
+                        </template>
+                        <v-list>
+                            <v-list-item @click="exportCSV" prepend-icon="mdi-file-delimited-outline">
+                                <v-list-item-title>Export as CSV</v-list-item-title>
+                            </v-list-item>
+                            <v-list-item @click="exportJSON" prepend-icon="mdi-code-json">
+                                <v-list-item-title>Export as JSON</v-list-item-title>
+                            </v-list-item>
+                            <v-list-item @click="copyToClipboard" prepend-icon="mdi-content-copy">
+                                <v-list-item-title>Copy to Clipboard</v-list-item-title>
+                            </v-list-item>
+                        </v-list>
+                    </v-menu>
+                </div>
             <v-data-table :headers="headers" :items="totalSeats" :items-per-page="10" class="elevation-2">
                 <template #item="{ item, index }">
                     <tr>
@@ -110,6 +136,7 @@ elevation="4" color="white" variant="elevated" class="mx-auto my-3"
 <script lang="ts">
   import { defineComponent, ref, watchEffect, computed } from 'vue';
   import type { Seat } from '@/model/Seat';
+  import { exportToCSV, exportToJSON, copyTableToClipboard, formatFilename } from '@/utils/exportUtils';
   import {
     Chart as ChartJS,
     ArcElement,
@@ -202,13 +229,63 @@ setup(props) {
         const isTeamView = computed(() => config.public.scope?.includes('team') && config.public.githubTeam);
         const currentTeam = computed(() => config.public.githubTeam || '');
 
+        const exportCSV = () => {
+            const exportData = totalSeats.value.map((seat, index) => ({
+                'S.No': index + 1,
+                'Login': seat.login,
+                'GitHub ID': seat.id,
+                'Assigning Team': seat.team,
+                'Assigned Time': seat.created_at,
+                'Last Activity At': seat.last_activity_at,
+                'Last Activity Editor': seat.last_activity_editor,
+                'Plan Type': seat.plan_type
+            }));
+            
+            const filename = formatFilename('seats_analysis', 'csv');
+            exportToCSV(exportData, filename);
+        };
+
+        const exportJSON = () => {
+            const exportData = totalSeats.value.map((seat, index) => ({
+                serialNumber: index + 1,
+                login: seat.login,
+                githubId: seat.id,
+                assigningTeam: seat.team,
+                assignedTime: seat.created_at,
+                lastActivityAt: seat.last_activity_at,
+                lastActivityEditor: seat.last_activity_editor,
+                planType: seat.plan_type
+            }));
+            
+            const filename = formatFilename('seats_analysis', 'json');
+            exportToJSON(exportData, filename);
+        };
+
+        const copyToClipboard = async () => {
+            const exportData = totalSeats.value.map((seat, index) => ({
+                'S.No': index + 1,
+                'Login': seat.login,
+                'GitHub ID': seat.id,
+                'Assigning Team': seat.team,
+                'Assigned Time': seat.created_at,
+                'Last Activity At': seat.last_activity_at,
+                'Last Activity Editor': seat.last_activity_editor,
+                'Plan Type': seat.plan_type
+            }));
+            
+            await copyTableToClipboard(exportData);
+        };
+
         return {
             totalSeats,
             noshowSeats: noshowSeats,
             unusedSeatsInSevenDays: unusedSeatsInSevenDays,
             unusedSeatsInThirtyDays: unusedSeatsInThirtyDays,
             isTeamView,
-            currentTeam
+            currentTeam,
+            exportCSV,
+            exportJSON,
+            copyToClipboard
         }
 },
 data() {
diff --git a/app/utils/exportUtils.ts b/app/utils/exportUtils.ts
new file mode 100644
index 00000000..6246427c
--- /dev/null
+++ b/app/utils/exportUtils.ts
@@ -0,0 +1,115 @@
+export interface ExportData {
+  [key: string]: string | number | null | undefined;
+}
+
+export function exportToCSV(data: ExportData[], filename: string): void {
+  if (!data || data.length === 0) {
+    console.warn('No data to export');
+    return;
+  }
+
+  const headers = Object.keys(data[0] || {});
+  const csvContent = [
+    headers.join(','),
+    ...data.map(row => 
+      headers.map(header => {
+        const value = row[header];
+        const stringValue = value === null || value === undefined ? '' : String(value);
+        return stringValue.includes(',') || stringValue.includes('"') || stringValue.includes('\n')
+          ? `"${stringValue.replace(/"/g, '""')}"` 
+          : stringValue;
+      }).join(',')
+    )
+  ].join('\n');
+
+  downloadFile(csvContent, filename, 'text/csv;charset=utf-8;');
+}
+
+export function exportToJSON(data: ExportData[], filename: string): void {
+  if (!data || data.length === 0) {
+    console.warn('No data to export');
+    return;
+  }
+
+  const jsonContent = JSON.stringify(data, null, 2);
+  downloadFile(jsonContent, filename, 'application/json;charset=utf-8;');
+}
+
+
+export async function copyTableToClipboard(data: ExportData[]): Promise<void> {
+  if (!data || data.length === 0) {
+    console.warn('No data to copy');
+    return;
+  }
+
+  const headers = Object.keys(data[0] || {});
+  
+  // Create tab-separated values (good for pasting into spreadsheets)
+  const headerRow = headers.join('\t');
+  const dataRows = data.map(row => 
+    headers.map(header => {
+      const value = row[header];
+      return value === null || value === undefined ? '' : String(value);
+    }).join('\t')
+  );
+
+  const clipboardContent = [headerRow, ...dataRows].join('\n');
+
+  try {
+    await navigator.clipboard.writeText(clipboardContent);
+    // You could show a toast notification here
+    console.log('Table data copied to clipboard');
+  } catch (err) {
+    console.error('Failed to copy to clipboard:', err);
+    // Fallback for older browsers
+    fallbackCopyToClipboard(clipboardContent);
+  }
+}
+
+function fallbackCopyToClipboard(text: string): void {
+  const textArea = document.createElement('textarea');
+  textArea.value = text;
+  textArea.style.position = 'fixed';
+  textArea.style.top = '0';
+  textArea.style.left = '0';
+  textArea.style.width = '2em';
+  textArea.style.height = '2em';
+  textArea.style.padding = '0';
+  textArea.style.border = 'none';
+  textArea.style.outline = 'none';
+  textArea.style.boxShadow = 'none';
+  textArea.style.background = 'transparent';
+  
+  document.body.appendChild(textArea);
+  textArea.select();
+  
+  try {
+    document.execCommand('copy');
+    console.log('Table data copied to clipboard (fallback)');
+  } catch (err) {
+    console.error('Fallback copy failed:', err);
+  }
+  
+  document.body.removeChild(textArea);
+}
+
+function downloadFile(content: string, filename: string, mimeType: string): void {
+  const blob = new Blob([content], { type: mimeType });
+  const url = window.URL.createObjectURL(blob);
+  
+  const link = document.createElement('a');
+  link.href = url;
+  link.download = filename;
+  link.style.display = 'none';
+  
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  
+  window.URL.revokeObjectURL(url);
+}
+
+export function formatFilename(baseName: string, extension: string): string {
+  const timestamp = new Date().toISOString().slice(0, 19).replace(/[:.]/g, '-');
+  return `${baseName}_${timestamp}.${extension}`;
+}
\ No newline at end of file