Templates and export tables

src/components/ScopeCard.tsx

@@ -1,6 +1,6 @@
 import type { Component } from 'solid-js';
 import { For, createMemo, Show, createSignal } from 'solid-js';
-import { Trash2, Plus, Settings2, Percent, DollarSign, ChevronDown, FileText, ClipboardList } from 'lucide-solid';
+import { Trash2, Plus, Settings2, Percent, DollarSign, ChevronDown, FileText, ClipboardList, FileBox } from 'lucide-solid';
 import type { EstimateItem, Scope, SubScope, PricingType } from '../types';
 import ItemRow from './ItemRow';
 import SubScopeCard from './SubScopeCard';
@@ -25,6 +25,7 @@ interface ScopeCardProps {
     allScopes: Scope[];
     allSubScopes: SubScope[];
     onCopySubScopeItems: (sourceSubScopeId: string, targetSubScopeId: string) => void;
+    onOpenApplyTemplate: (scopeId: string) => void;
     isSidebarCollapsed: () => boolean;
     selectedIds: string[];
     onToggleSelection: (id: string, isMulti: boolean, isShift: boolean) => void;
@@ -187,6 +188,14 @@ const ScopeCard: Component<ScopeCardProps> = (props) => {
                                 Apply
                             </button>
                         </div>
+                        <div class="flex items-center ml-auto">
+                            <button
+                                onClick={() => props.onOpenApplyTemplate(props.scope.id)}
+                                class="flex items-center gap-2 px-3 py-1.5 bg-background text-primary border border-primary/30 rounded-lg text-xs font-bold shadow-sm hover:bg-primary hover:text-primary-foreground hover:border-primary transition-all"
+                            >
+                                <FileBox class="w-3.5 h-3.5" /> Apply Template
+                            </button>
+                        </div>
                     </div>
                 </Show>