added bulk import tool

src/views/SettingsView.tsx

@@ -2,7 +2,7 @@ import { type Component, For, Show, createSignal, lazy, Suspense } from "solid-j
 import { ThemeToggle } from "../components/ThemeToggle";
 import { store, restoreTask, deleteTaskPermanently, setMatrixScaleDays, addTemplate, removeTemplate, updateTemplate, upsertTagDefinition, removeTagDefinition, renameTagDefinition, addShareRule, removeShareRule } from "@/store";
 import { useTheme } from "@/components/ThemeProvider";
-import { Trash2, Undo2, ArrowLeftRight, Hash, Copy, Plus, ChevronDown, ChevronRight, Type, Share2, Users, Tag } from "lucide-solid";
+import { Trash2, Undo2, ArrowLeftRight, Hash, Copy, Plus, ChevronDown, ChevronRight, Type, Share2, Users, Tag, Upload } from "lucide-solid";
 import { TagPicker } from "@/components/TagPicker";
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
@@ -13,6 +13,7 @@ import { pb } from "@/lib/pocketbase";
 import { createEffect } from "solid-js";
 
 const TaskEditor = lazy(() => import("../components/TaskEditor").then(m => ({ default: m.TaskEditor })));
+const ImportTool = lazy(() => import("../components/ImportTool").then(m => ({ default: m.ImportTool })));
 
 export const SettingsView: Component = () => {
     const { resolvedTheme } = useTheme();
@@ -20,6 +21,7 @@ export const SettingsView: Component = () => {
     const [isTemplatesOpen, setIsTemplatesOpen] = createSignal(false);
     const [isTrashOpen, setIsTrashOpen] = createSignal(false);
     const [isSharingOpen, setIsSharingOpen] = createSignal(false);
+    const [isImportOpen, setIsImportOpen] = createSignal(false);
     const [expandedTemplateId, setExpandedTemplateId] = createSignal<string | null>(null);
     const [shareUserId, setShareUserId] = createSignal("");
     const [shareType, setShareType] = createSignal<'all' | 'tag'>('all');
@@ -561,6 +563,33 @@ export const SettingsView: Component = () => {
                     </Show>
                 </section>
 
+                {/* Import Tasks */}
+                <section class="p-4 sm:p-5 rounded-2xl border border-border bg-card shadow-sm space-y-4 overflow-hidden">
+                    <div
+                        class="flex items-center justify-between cursor-pointer group"
+                        onClick={() => setIsImportOpen(!isImportOpen())}
+                    >
+                        <div class="space-y-0.5">
+                            <h3 class="text-base font-semibold flex items-center gap-2">
+                                <Upload size={16} />
+                                Import Tasks
+                            </h3>
+                            <p class="text-sm text-muted-foreground">Paste a list of tasks from another app to import them.</p>
+                        </div>
+                        <div class="w-8 h-8 rounded-full flex items-center justify-center bg-muted/50 group-hover:bg-muted transition-colors">
+                            {isImportOpen() ? <ChevronDown size={16} /> : <ChevronRight size={16} />}
+                        </div>
+                    </div>
+
+                    <Show when={isImportOpen()}>
+                        <div class="pt-2 animate-in fade-in slide-in-from-top-2 duration-300">
+                            <Suspense fallback={<div class="h-20 animate-pulse bg-muted/20 rounded-lg" />}>
+                                <ImportTool />
+                            </Suspense>
+                        </div>
+                    </Show>
+                </section>
+
                 {/* Trash Manager */}
                 <section class="p-4 sm:p-5 rounded-2xl border border-border bg-card shadow-sm space-y-4 overflow-hidden">
                     <div