@harbinger-ai/harbinger 0.1.3 → 0.1.5

package/lib/chat/components/targets-page.js

@@ -1,9 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef, useCallback } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { CrosshairIcon, PlusIcon, TrashIcon, ChevronDownIcon, GlobeIcon, SpinnerIcon, DownloadIcon, CheckIcon } from "./icons.js";
-import { getPrograms, createProgram, deleteProgram, getTargets, createTarget, deleteTarget, updateTarget, syncTargetsFromPlatform, syncAllTargets, getSyncStatus } from "../../bounty/actions.js";
+import { CrosshairIcon, PlusIcon, TrashIcon, ChevronDownIcon, GlobeIcon, SpinnerIcon, DownloadIcon, CheckIcon, SearchIcon, CopyIcon, UploadIcon, FilterIcon } from "./icons.js";
+import { getPrograms, createProgram, deleteProgram, getTargets, createTarget, deleteTarget, updateTarget, syncTargetsFromPlatform, syncAllTargets, getSyncStatus, getProgramTargetCounts, bulkImportTargets, exportTargets } from "../../bounty/actions.js";
 const PLATFORMS = [
   { id: "hackerone", label: "HackerOne", bg: "bg-purple-500/10", text: "text-purple-500", border: "border-purple-500/20" },
   { id: "bugcrowd", label: "Bugcrowd", bg: "bg-orange-500/10", text: "text-orange-500", border: "border-orange-500/20" },
@@ -13,6 +13,7 @@ const PLATFORMS = [
   { id: "custom", label: "Custom", bg: "bg-white/5", text: "text-muted-foreground", border: "border-white/10" }
 ];
 const TARGET_TYPES = ["domain", "wildcard", "ip", "cidr", "url", "api", "mobile"];
+const TYPE_ICONS = { domain: "\u{1F310}", wildcard: "*", ip: "\u{1F4CD}", cidr: "\u{1F5A7}", url: "\u{1F517}", api: "\u2699\uFE0F", mobile: "\u{1F4F1}" };
 const STATUS_COLORS = {
   in_scope: { bg: "bg-green-500/10", text: "text-green-500", border: "border-green-500/20", dot: "bg-green-500" },
   out_of_scope: { bg: "bg-red-500/10", text: "text-red-500", border: "border-red-500/20", dot: "bg-red-500" },
@@ -31,6 +32,18 @@ function timeAgo(ts) {
 function getPlatStyle(platformId) {
   return PLATFORMS.find((p) => p.id === platformId) || PLATFORMS[5];
 }
+function CopyBtn({ text }) {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ jsx("button", { onClick: handleCopy, className: "shrink-0 p-1 text-muted-foreground hover:text-[--cyan] transition-colors", title: "Copy", children: copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 12 }) : /* @__PURE__ */ jsx(CopyIcon, { size: 12 }) });
+}
 function SyncPanel({ onSync, syncStatus }) {
   const [syncing, setSyncing] = useState(null);
   const [results, setResults] = useState(null);
@@ -120,40 +133,31 @@ function SyncPanel({ onSync, syncStatus }) {
           ),
           /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground font-mono", children: "(0 = unlimited)" })
         ] }),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: results && /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            initial: { opacity: 0, height: 0 },
-            animate: { opacity: 1, height: "auto" },
-            exit: { opacity: 0, height: 0 },
-            className: "overflow-hidden",
-            children: /* @__PURE__ */ jsx("div", { className: "rounded-md bg-black/30 border border-white/[0.04] p-3 mt-2", children: results.error ? /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-[--destructive]", children: results.error }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: Object.entries(results).map(([platform, stats]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs font-mono", children: [
-              /* @__PURE__ */ jsx("span", { className: "font-medium w-24 text-foreground/80", children: platform }),
-              /* @__PURE__ */ jsxs("span", { className: "text-green-500", children: [
-                "+",
-                stats.programsAdded,
-                " programs"
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "text-blue-500", children: [
-                stats.programsUpdated,
-                " updated"
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "text-green-500", children: [
-                "+",
-                stats.targetsAdded,
-                " targets"
-              ] }),
-              /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-                stats.targetsSkipped,
-                " skipped"
-              ] }),
-              stats.errors?.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[--destructive]", children: [
-                stats.errors.length,
-                " errors"
-              ] })
-            ] }, platform)) }) })
-          }
-        ) }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: results && /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "rounded-md bg-black/30 border border-white/[0.04] p-3 mt-2", children: results.error ? /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-[--destructive]", children: results.error }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: Object.entries(results).map(([platform, stats]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-xs font-mono", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium w-24 text-foreground/80", children: platform }),
+          /* @__PURE__ */ jsxs("span", { className: "text-green-500", children: [
+            "+",
+            stats.programsAdded,
+            " programs"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-blue-500", children: [
+            stats.programsUpdated,
+            " updated"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-green-500", children: [
+            "+",
+            stats.targetsAdded,
+            " targets"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            stats.targetsSkipped,
+            " skipped"
+          ] }),
+          stats.errors?.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[--destructive]", children: [
+            stats.errors.length,
+            " errors"
+          ] })
+        ] }, platform)) }) }) }) }),
         syncStatus && syncStatus.totalSyncedPrograms > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mt-3 pt-3 border-t border-white/[0.06]", children: [
           /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground font-mono", children: [
             syncStatus.totalSyncedPrograms,
@@ -173,8 +177,10 @@ function SyncPanel({ onSync, syncStatus }) {
     }
   );
 }
-function ProgramCard({ program, onSelect, selected, onDelete, index }) {
+function ProgramCard({ program, onSelect, selected, onDelete, index, targetCount }) {
   const plat = getPlatStyle(program.platform);
+  const tc = targetCount || { total: 0, inScope: 0, outOfScope: 0 };
+  const hasTargets = tc.total > 0;
   return /* @__PURE__ */ jsxs(
     motion.button,
     {
@@ -184,11 +190,7 @@ function ProgramCard({ program, onSelect, selected, onDelete, index }) {
       onClick: () => onSelect(program.id),
       className: `flex items-center gap-3 w-full text-left p-3 rounded-lg border transition-all ${selected ? "border-[--cyan]/40 bg-[--cyan]/5 glow-cyan" : "border-white/[0.06] bg-[--card] hover:border-[--cyan]/20"}`,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[#ff5f57]" }),
-          /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[#febc2e]" }),
-          /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[#28c840]" })
-        ] }),
+        /* @__PURE__ */ jsx("div", { className: `shrink-0 w-2 h-2 rounded-full ${hasTargets ? "bg-green-500" : "bg-muted-foreground/30"}` }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-mono font-medium truncate", children: program.name }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
@@ -200,48 +202,275 @@ function ProgramCard({ program, onSelect, selected, onDelete, index }) {
             program.syncHandle && /* @__PURE__ */ jsx("span", { className: "inline-flex rounded-full bg-[--cyan]/10 border border-[--cyan]/20 px-1.5 py-0.5 text-[9px] font-mono text-[--cyan]", children: "synced" })
           ] })
         ] }),
-        !program.syncHandle && /* @__PURE__ */ jsx("button", { onClick: (e) => {
-          e.stopPropagation();
-          onDelete(program.id);
-        }, className: "shrink-0 p-1 text-muted-foreground hover:text-[--destructive] rounded transition-colors", children: /* @__PURE__ */ jsx(TrashIcon, { size: 12 }) })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+          hasTargets && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-500/10 text-green-500 border border-green-500/20 px-2 py-0.5 text-[9px] font-mono font-medium", children: tc.total }),
+          !program.syncHandle && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete(program.id);
+              },
+              className: "shrink-0 p-1 text-muted-foreground hover:text-[--destructive] rounded transition-colors",
+              children: /* @__PURE__ */ jsx(TrashIcon, { size: 12 })
+            }
+          )
+        ] })
       ]
     }
   );
 }
-function TargetRow({ target, onDelete, onStatusChange, index }) {
+function TargetRow({ target, onDelete, onStatusChange, onUpdate, index }) {
+  const [expanded, setExpanded] = useState(false);
+  const [notes, setNotes] = useState(target.notes || "");
+  const [savingNotes, setSavingNotes] = useState(false);
   const st = STATUS_COLORS[target.status] || STATUS_COLORS.in_scope;
+  const icon = TYPE_ICONS[target.type] || "\u{1F310}";
+  async function handleSaveNotes() {
+    setSavingNotes(true);
+    await onUpdate(target.id, { notes });
+    setSavingNotes(false);
+  }
+  let techs = [];
+  try {
+    if (target.technologies) techs = JSON.parse(target.technologies);
+  } catch {
+  }
   return /* @__PURE__ */ jsxs(
     motion.div,
     {
       initial: { opacity: 0, y: 6 },
       animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.2, delay: index * 0.02 },
-      className: "flex items-center gap-3 p-3 rounded-lg border border-white/[0.06] bg-[--card] hover:border-[--cyan]/20 transition-colors",
+      transition: { duration: 0.2, delay: Math.min(index * 0.015, 0.3) },
+      className: "rounded-lg border border-white/[0.06] bg-[--card] hover:border-[--cyan]/20 transition-colors",
       children: [
-        /* @__PURE__ */ jsx("div", { className: `shrink-0 w-2 h-2 rounded-full ${st.dot}` }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-mono font-medium truncate", children: target.value }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
-            /* @__PURE__ */ jsx("span", { className: "inline-flex rounded-full bg-white/5 border border-white/10 px-2 py-0.5 text-[10px] font-mono font-medium text-muted-foreground", children: target.type }),
-            target.syncSource && /* @__PURE__ */ jsx("span", { className: "inline-flex rounded-full bg-[--cyan]/10 border border-[--cyan]/20 px-1.5 py-0.5 text-[9px] font-mono text-[--cyan]", children: target.syncSource }),
-            target.technologies && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground truncate", children: JSON.parse(target.technologies).join(", ") })
-          ] })
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 cursor-pointer", onClick: () => setExpanded(!expanded), children: [
+          /* @__PURE__ */ jsx("div", { className: `shrink-0 w-2 h-2 rounded-full ${st.dot}` }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm shrink-0 w-6 text-center", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-mono font-medium truncate select-all", children: target.value }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: [
+              /* @__PURE__ */ jsx("span", { className: "inline-flex rounded-full bg-white/5 border border-white/10 px-2 py-0.5 text-[10px] font-mono font-medium text-muted-foreground", children: target.type }),
+              target.syncSource && /* @__PURE__ */ jsx("span", { className: "inline-flex rounded-full bg-[--cyan]/10 border border-[--cyan]/20 px-1.5 py-0.5 text-[9px] font-mono text-[--cyan]", children: target.syncSource }),
+              techs.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground truncate max-w-[200px]", children: techs.join(", ") }),
+              target.lastScannedAt && /* @__PURE__ */ jsxs("span", { className: "text-[9px] font-mono text-muted-foreground", children: [
+                "scanned ",
+                timeAgo(target.lastScannedAt)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(CopyBtn, { text: target.value }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: target.status,
+              onClick: (e) => e.stopPropagation(),
+              onChange: (e) => {
+                e.stopPropagation();
+                onStatusChange(target.id, e.target.value);
+              },
+              className: `text-[10px] font-mono font-medium rounded-full px-2 py-0.5 border cursor-pointer bg-transparent ${st.bg} ${st.text} ${st.border} focus:outline-none`,
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "in_scope", children: "in scope" }),
+                /* @__PURE__ */ jsx("option", { value: "testing", children: "testing" }),
+                /* @__PURE__ */ jsx("option", { value: "completed", children: "completed" }),
+                /* @__PURE__ */ jsx("option", { value: "out_of_scope", children: "out of scope" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: `transition-transform shrink-0 text-muted-foreground ${expanded ? "rotate-180" : ""}`, children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 14 }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onDelete(target.id);
+              },
+              className: "shrink-0 p-1 text-muted-foreground hover:text-[--destructive] rounded transition-colors",
+              children: /* @__PURE__ */ jsx(TrashIcon, { size: 12 })
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsxs(
-          "select",
+        /* @__PURE__ */ jsx(AnimatePresence, { children: expanded && /* @__PURE__ */ jsx(
+          motion.div,
           {
-            value: target.status,
-            onChange: (e) => onStatusChange(target.id, e.target.value),
-            className: `text-[10px] font-mono font-medium rounded-full px-2 py-0.5 border cursor-pointer bg-transparent ${st.bg} ${st.text} ${st.border} focus:outline-none`,
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "in_scope", children: "in scope" }),
-              /* @__PURE__ */ jsx("option", { value: "testing", children: "testing" }),
-              /* @__PURE__ */ jsx("option", { value: "completed", children: "completed" }),
-              /* @__PURE__ */ jsx("option", { value: "out_of_scope", children: "out of scope" })
-            ]
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            transition: { duration: 0.2 },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ jsxs("div", { className: "border-t border-white/[0.06] px-4 py-3 flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider", children: "Type" }),
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs font-mono mt-0.5", children: [
+                    icon,
+                    " ",
+                    target.type
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider", children: "Status" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-mono mt-0.5", children: target.status.replace("_", " ") })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider", children: "Added" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-mono mt-0.5", children: timeAgo(target.createdAt) })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider", children: "Last Scan" }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-mono mt-0.5", children: target.lastScannedAt ? timeAgo(target.lastScannedAt) : "\u2014" })
+                ] })
+              ] }),
+              techs.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider", children: "Technologies" }),
+                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: techs.map((t) => /* @__PURE__ */ jsx("span", { className: "inline-flex rounded-full bg-purple-500/10 text-purple-500 border border-purple-500/20 px-2 py-0.5 text-[9px] font-mono", children: t }, t)) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wider", children: "Notes" }),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "textarea",
+                    {
+                      value: notes,
+                      onChange: (e) => setNotes(e.target.value),
+                      rows: 2,
+                      placeholder: "Add notes...",
+                      className: "flex-1 text-[11px] border border-white/[0.06] rounded-md p-2 bg-black/20 font-mono placeholder:text-muted-foreground/50 focus:outline-none focus:border-[--cyan]/40 transition-colors resize-y"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      onClick: handleSaveNotes,
+                      disabled: savingNotes,
+                      className: "self-end inline-flex items-center gap-1 rounded-md px-2.5 py-1 text-[10px] font-mono font-medium bg-[--cyan]/10 text-[--cyan] border border-[--cyan]/20 hover:bg-[--cyan] hover:text-[--primary-foreground] transition-colors disabled:opacity-50",
+                      children: [
+                        savingNotes ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 10 }) : /* @__PURE__ */ jsx(CheckIcon, { size: 10 }),
+                        " Save"
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] })
           }
-        ),
-        /* @__PURE__ */ jsx("button", { onClick: () => onDelete(target.id), className: "shrink-0 p-1 text-muted-foreground hover:text-[--destructive] rounded transition-colors", children: /* @__PURE__ */ jsx(TrashIcon, { size: 12 }) })
+        ) })
+      ]
+    }
+  );
+}
+function ImportDialog({ programId, onClose, onImported }) {
+  const [text, setText] = useState("");
+  const [importing, setImporting] = useState(false);
+  const [result, setResult] = useState(null);
+  const fileRef = useRef(null);
+  function handleFile(e) {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (ev) => setText(ev.target.result);
+    reader.readAsText(file);
+  }
+  function parseTargets(raw) {
+    const lines = raw.split("\n").map((l) => l.trim()).filter(Boolean);
+    return lines.map((line) => {
+      try {
+        const obj = JSON.parse(line);
+        if (obj.value) return obj;
+      } catch {
+      }
+      const parts = line.split(",").map((s) => s.trim());
+      const value = parts[0];
+      const type = TARGET_TYPES.includes(parts[1]) ? parts[1] : guessType(value);
+      return { value, type };
+    });
+  }
+  function guessType(v) {
+    if (/^\*\./.test(v)) return "wildcard";
+    if (/^https?:\/\//.test(v)) return "url";
+    if (/\/\d{1,2}$/.test(v)) return "cidr";
+    if (/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/.test(v)) return "ip";
+    return "domain";
+  }
+  async function handleImport() {
+    const items = parseTargets(text);
+    if (items.length === 0) return;
+    setImporting(true);
+    const res = await bulkImportTargets(programId, items);
+    setResult(res);
+    setImporting(false);
+    if (!res.error) onImported();
+  }
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, scale: 0.95 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.95 },
+      className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/60", onClick: onClose }),
+        /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-lg rounded-lg border border-[--cyan]/20 bg-[--card] shadow-2xl", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b border-white/[0.06]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[#ff5f57]" }),
+                /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[#febc2e]" }),
+                /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-[#28c840]" })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] font-medium text-[--cyan] uppercase tracking-wider ml-1", children: "Import Targets" })
+            ] }),
+            /* @__PURE__ */ jsx("button", { onClick: onClose, className: "text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx("span", { className: "text-lg", children: "\xD7" }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground mb-3", children: "Paste targets (one per line) or upload a file. Accepted: plain list, CSV (value,type), JSON." }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-3", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => fileRef.current?.click(),
+                  className: "inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-mono font-medium border border-white/[0.06] hover:bg-white/[0.04] transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx(UploadIcon, { size: 12 }),
+                    " Upload File"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: ".txt,.csv,.json", className: "hidden", onChange: handleFile })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                value: text,
+                onChange: (e) => setText(e.target.value),
+                rows: 8,
+                placeholder: "example.com\n*.api.example.com\n10.0.0.0/8,cidr\nhttps://app.example.com,url",
+                className: "w-full text-[11px] border border-white/[0.06] rounded-md p-3 bg-black/20 font-mono placeholder:text-muted-foreground/30 focus:outline-none focus:border-[--cyan]/40 focus:ring-1 focus:ring-[--cyan]/20 transition-colors resize-y"
+              }
+            ),
+            text && /* @__PURE__ */ jsxs("p", { className: "text-[10px] font-mono text-muted-foreground mt-1", children: [
+              parseTargets(text).length,
+              " targets detected"
+            ] }),
+            result && /* @__PURE__ */ jsx("p", { className: `text-xs font-mono mt-2 ${result.error ? "text-[--destructive]" : "text-green-500"}`, children: result.error || `${result.imported} targets imported` }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 mt-3", children: [
+              /* @__PURE__ */ jsx("button", { onClick: onClose, className: "inline-flex items-center gap-1.5 rounded-md px-4 py-2 text-xs font-mono font-medium border border-white/[0.06] hover:bg-white/[0.04] transition-colors text-muted-foreground", children: "Cancel" }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: handleImport,
+                  disabled: importing || !text.trim(),
+                  className: "inline-flex items-center gap-1.5 rounded-md px-4 py-2 text-xs font-mono font-medium bg-[--cyan]/10 text-[--cyan] border border-[--cyan]/20 hover:bg-[--cyan] hover:text-[--primary-foreground] transition-colors disabled:opacity-50",
+                  children: [
+                    importing ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 12 }) : /* @__PURE__ */ jsx(UploadIcon, { size: 12 }),
+                    " Import"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] })
       ]
     }
   );
@@ -262,7 +491,24 @@ function AddForm({ fields, onSubmit }) {
       children: [
         fields.map((f) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("label", { className: "text-[10px] text-muted-foreground font-mono uppercase tracking-wider", children: f.label }),
-          f.type === "select" ? /* @__PURE__ */ jsx("select", { value: values[f.name] || "", onChange: (e) => setValues({ ...values, [f.name]: e.target.value }), className: "text-xs border border-white/[0.06] rounded-md px-2 py-1.5 bg-black/20 font-mono focus:outline-none focus:border-[--cyan]/40 transition-colors", children: f.options.map((o) => /* @__PURE__ */ jsx("option", { value: o, children: o }, o)) }) : /* @__PURE__ */ jsx("input", { type: f.type || "text", placeholder: f.placeholder, value: values[f.name] || "", onChange: (e) => setValues({ ...values, [f.name]: e.target.value }), className: "text-xs border border-white/[0.06] rounded-md px-2 py-1.5 bg-black/20 font-mono min-w-[120px] placeholder:text-muted-foreground/50 focus:outline-none focus:border-[--cyan]/40 transition-colors" })
+          f.type === "select" ? /* @__PURE__ */ jsx(
+            "select",
+            {
+              value: values[f.name] || "",
+              onChange: (e) => setValues({ ...values, [f.name]: e.target.value }),
+              className: "text-xs border border-white/[0.06] rounded-md px-2 py-1.5 bg-black/20 font-mono focus:outline-none focus:border-[--cyan]/40 transition-colors",
+              children: f.options.map((o) => /* @__PURE__ */ jsx("option", { value: o, children: o }, o))
+            }
+          ) : /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: f.type || "text",
+              placeholder: f.placeholder,
+              value: values[f.name] || "",
+              onChange: (e) => setValues({ ...values, [f.name]: e.target.value }),
+              className: "text-xs border border-white/[0.06] rounded-md px-2 py-1.5 bg-black/20 font-mono min-w-[120px] placeholder:text-muted-foreground/50 focus:outline-none focus:border-[--cyan]/40 transition-colors"
+            }
+          )
         ] }, f.name)),
         /* @__PURE__ */ jsx("button", { onClick: () => {
           onSubmit(values);
@@ -280,15 +526,27 @@ function AddForm({ fields, onSubmit }) {
 function TargetsPage() {
   const [programs_, setPrograms] = useState([]);
   const [targets_, setTargets] = useState([]);
+  const [targetCounts, setTargetCounts] = useState({});
   const [selectedProgram, setSelectedProgram] = useState(null);
   const [loading, setLoading] = useState(true);
+  const [loadingTargets, setLoadingTargets] = useState(false);
   const [syncStatus, setSyncStatus] = useState(null);
   const [platformFilter, setPlatformFilter] = useState("all");
+  const [programSearch, setProgramSearch] = useState("");
+  const [targetSearch, setTargetSearch] = useState("");
+  const [typeFilter, setTypeFilter] = useState("all");
+  const [sortBy, setSortBy] = useState("default");
+  const [showImport, setShowImport] = useState(false);
+  const targetsRef = useRef(null);
   async function load() {
-    const [p, ss] = await Promise.all([getPrograms(), getSyncStatus()]);
+    const [p, ss, tc2] = await Promise.all([getPrograms(), getSyncStatus(), getProgramTargetCounts()]);
     setPrograms(p);
     setSyncStatus(ss);
-    if (p.length > 0 && !selectedProgram) setSelectedProgram(p[0].id);
+    setTargetCounts(tc2);
+    if (p.length > 0 && !selectedProgram) {
+      const withTargets = p.find((prog) => tc2[prog.id]?.total > 0);
+      setSelectedProgram(withTargets ? withTargets.id : p[0].id);
+    }
     setLoading(false);
   }
   async function loadTargets() {
@@ -296,8 +554,11 @@ function TargetsPage() {
       setTargets([]);
       return;
     }
+    setLoadingTargets(true);
     const t = await getTargets(selectedProgram);
     setTargets(t);
+    setLoadingTargets(false);
+    if (targetsRef.current) targetsRef.current.scrollTop = 0;
   }
   useEffect(() => {
     load();
@@ -329,17 +590,70 @@ function TargetsPage() {
   async function handleAddTarget(values) {
     await createTarget({ programId: selectedProgram, type: values.type || "domain", value: values.value || "" });
     loadTargets();
+    load();
   }
   async function handleDeleteTarget(id) {
     await deleteTarget(id);
     loadTargets();
+    load();
   }
   async function handleStatusChange(id, status) {
     await updateTarget(id, { status });
     loadTargets();
   }
-  const filteredPrograms = platformFilter === "all" ? programs_ : programs_.filter((p) => p.platform === platformFilter);
-  const inScopeCount = targets_.filter((t) => t.status === "in_scope").length;
+  async function handleUpdateTarget(id, data) {
+    await updateTarget(id, data);
+    loadTargets();
+  }
+  async function handleExport() {
+    if (!selectedProgram) return;
+    const t = await exportTargets(selectedProgram);
+    const prog = programs_.find((p) => p.id === selectedProgram);
+    const csv = ["value,type,status,notes", ...t.map((r) => `${r.value},${r.type},${r.status},${(r.notes || "").replace(/,/g, ";")}`)].join("\n");
+    const blob = new Blob([csv], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${(prog?.name || "targets").replace(/\s+/g, "_").toLowerCase()}_targets.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+  const sortedPrograms = [...programs_].sort((a, b) => {
+    const aCount = targetCounts[a.id]?.total || 0;
+    const bCount = targetCounts[b.id]?.total || 0;
+    if (aCount > 0 && bCount === 0) return -1;
+    if (aCount === 0 && bCount > 0) return 1;
+    if (aCount !== bCount) return bCount - aCount;
+    return a.name.localeCompare(b.name);
+  });
+  const filteredPrograms = sortedPrograms.filter((p) => {
+    if (platformFilter !== "all" && p.platform !== platformFilter) return false;
+    if (programSearch && !p.name.toLowerCase().includes(programSearch.toLowerCase())) return false;
+    return true;
+  });
+  const selectedProg = programs_.find((p) => p.id === selectedProgram);
+  const tc = selectedProgram ? targetCounts[selectedProgram] || { total: 0, inScope: 0, outOfScope: 0 } : { total: 0, inScope: 0, outOfScope: 0 };
+  let displayTargets = [...targets_];
+  if (targetSearch) {
+    const q = targetSearch.toLowerCase();
+    displayTargets = displayTargets.filter((t) => t.value.toLowerCase().includes(q) || t.type.includes(q));
+  }
+  if (typeFilter !== "all") {
+    displayTargets = displayTargets.filter((t) => t.type === typeFilter);
+  }
+  if (sortBy === "type") {
+    displayTargets.sort((a, b) => a.type.localeCompare(b.type));
+  } else if (sortBy === "status") {
+    displayTargets.sort((a, b) => a.status.localeCompare(b.status));
+  } else if (sortBy === "alpha") {
+    displayTargets.sort((a, b) => a.value.localeCompare(b.value));
+  }
+  const typeGroups = {};
+  for (const t of displayTargets) {
+    typeGroups[t.type] = (typeGroups[t.type] || 0) + 1;
+  }
+  const totalInScope = targets_.filter((t) => t.status === "in_scope").length;
+  const totalTargets = Object.values(targetCounts).reduce((s, c) => s + c.total, 0);
   if (loading) return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: [...Array(3)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-16 animate-pulse rounded-lg bg-white/[0.04] border border-white/[0.06]" }, i)) });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
@@ -353,8 +667,8 @@ function TargetsPage() {
           " programs"
         ] }),
         /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-[10px] font-mono font-medium bg-green-500/10 text-green-500 border border-green-500/20", children: [
-          inScopeCount,
-          " in scope"
+          totalTargets.toLocaleString(),
+          " targets"
         ] })
       ] })
     ] }),
@@ -387,8 +701,8 @@ function TargetsPage() {
         p.id
       ))
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", style: { minHeight: "60vh" }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-1 flex flex-col min-h-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-[10px] font-mono font-medium uppercase tracking-wider text-muted-foreground", children: "Programs" }),
           /* @__PURE__ */ jsx(
@@ -404,40 +718,184 @@ function TargetsPage() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 max-h-[600px] overflow-y-auto scrollbar-thin", children: filteredPrograms.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-8 text-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative mb-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsx(SearchIcon, { size: 12 }) }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              placeholder: "Search programs...",
+              value: programSearch,
+              onChange: (e) => setProgramSearch(e.target.value),
+              className: "w-full text-xs border border-white/[0.06] rounded-md pl-8 pr-3 py-1.5 bg-black/20 font-mono placeholder:text-muted-foreground/50 focus:outline-none focus:border-[--cyan]/40 transition-colors"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 flex-1 overflow-y-auto scrollbar-thin", children: filteredPrograms.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-8 text-center", children: [
           /* @__PURE__ */ jsx("div", { className: "rounded-full bg-white/[0.04] border border-white/[0.06] p-3 mb-3", children: /* @__PURE__ */ jsx(GlobeIcon, { size: 20 }) }),
           /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground", children: "No programs yet" }),
           /* @__PURE__ */ jsx("p", { className: "text-[10px] font-mono text-muted-foreground mt-1", children: "Sync from platforms or add manually" })
-        ] }) : filteredPrograms.map((p, i) => /* @__PURE__ */ jsx(ProgramCard, { program: p, selected: selectedProgram === p.id, onSelect: setSelectedProgram, onDelete: handleDeleteProgram, index: i }, p.id)) })
+        ] }) : filteredPrograms.map((p, i) => /* @__PURE__ */ jsx(ProgramCard, { program: p, selected: selectedProgram === p.id, onSelect: setSelectedProgram, onDelete: handleDeleteProgram, index: i, targetCount: targetCounts[p.id] }, p.id)) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 flex flex-col min-h-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
           /* @__PURE__ */ jsxs("h2", { className: "text-[10px] font-mono font-medium uppercase tracking-wider text-muted-foreground", children: [
             "Targets ",
-            selectedProgram && `\u2014 ${programs_.find((p) => p.id === selectedProgram)?.name || ""}`
+            selectedProg && /* @__PURE__ */ jsxs(Fragment, { children: [
+              "\u2014",
+              " ",
+              selectedProg.name,
+              tc.total > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[--cyan] ml-1", children: [
+                "(",
+                tc.total,
+                ")"
+              ] })
+            ] })
           ] }),
-          selectedProgram && /* @__PURE__ */ jsx(
-            AddForm,
+          selectedProgram && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: () => setShowImport(true),
+                className: "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-mono font-medium border border-white/[0.06] hover:bg-white/[0.04] transition-colors text-muted-foreground hover:text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx(UploadIcon, { size: 12 }),
+                  " Import"
+                ]
+              }
+            ),
+            targets_.length > 0 && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: handleExport,
+                className: "inline-flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs font-mono font-medium border border-white/[0.06] hover:bg-white/[0.04] transition-colors text-muted-foreground hover:text-foreground",
+                children: [
+                  /* @__PURE__ */ jsx(DownloadIcon, { size: 12 }),
+                  " Export"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AddForm,
+              {
+                fields: [
+                  { name: "value", label: "Target", placeholder: "*.example.com" },
+                  { name: "type", label: "Type", type: "select", options: TARGET_TYPES }
+                ],
+                onSubmit: handleAddTarget
+              }
+            )
+          ] })
+        ] }),
+        selectedProgram && targets_.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3 flex-wrap", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-[150px]", children: [
+            /* @__PURE__ */ jsx("div", { className: "absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ jsx(SearchIcon, { size: 12 }) }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                placeholder: "Search targets...",
+                value: targetSearch,
+                onChange: (e) => setTargetSearch(e.target.value),
+                className: "w-full text-xs border border-white/[0.06] rounded-md pl-8 pr-3 py-1.5 bg-black/20 font-mono placeholder:text-muted-foreground/50 focus:outline-none focus:border-[--cyan]/40 transition-colors"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "select",
             {
-              fields: [
-                { name: "value", label: "Target", placeholder: "*.example.com" },
-                { name: "type", label: "Type", type: "select", options: TARGET_TYPES }
-              ],
-              onSubmit: handleAddTarget
+              value: typeFilter,
+              onChange: (e) => setTypeFilter(e.target.value),
+              className: "text-xs border border-white/[0.06] rounded-md px-2 py-1.5 bg-black/20 font-mono focus:outline-none focus:border-[--cyan]/40 transition-colors",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "all", children: "All types" }),
+                TARGET_TYPES.map((t) => /* @__PURE__ */ jsxs("option", { value: t, children: [
+                  TYPE_ICONS[t],
+                  " ",
+                  t
+                ] }, t))
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: sortBy,
+              onChange: (e) => setSortBy(e.target.value),
+              className: "text-xs border border-white/[0.06] rounded-md px-2 py-1.5 bg-black/20 font-mono focus:outline-none focus:border-[--cyan]/40 transition-colors",
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "default", children: "Recent" }),
+                /* @__PURE__ */ jsx("option", { value: "type", children: "By type" }),
+                /* @__PURE__ */ jsx("option", { value: "status", children: "By status" }),
+                /* @__PURE__ */ jsx("option", { value: "alpha", children: "A-Z" })
+              ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: !selectedProgram ? /* @__PURE__ */ jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col items-center py-12 text-center", children: [
+        selectedProgram && Object.keys(typeGroups).length > 1 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 mb-3", children: Object.entries(typeGroups).sort((a, b) => b[1] - a[1]).map(([type, count]) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setTypeFilter(typeFilter === type ? "all" : type),
+            className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[9px] font-mono font-medium border transition-colors cursor-pointer ${typeFilter === type ? "bg-[--cyan]/10 text-[--cyan] border-[--cyan]/20" : "bg-white/5 border-white/10 text-muted-foreground hover:text-foreground"}`,
+            children: [
+              TYPE_ICONS[type],
+              " ",
+              type,
+              " (",
+              count,
+              ")"
+            ]
+          },
+          type
+        )) }),
+        /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: !selectedProgram ? /* @__PURE__ */ jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col items-center py-12 text-center flex-1", children: [
           /* @__PURE__ */ jsx("div", { className: "rounded-full bg-white/[0.04] border border-white/[0.06] p-4 mb-4", children: /* @__PURE__ */ jsx(CrosshairIcon, { size: 24 }) }),
           /* @__PURE__ */ jsx("p", { className: "text-sm font-mono font-medium mb-1", children: "Select a program" }),
           /* @__PURE__ */ jsx("p", { className: "text-[11px] font-mono text-muted-foreground", children: "Choose a program to manage its targets" })
-        ] }, "empty") : targets_.length === 0 ? /* @__PURE__ */ jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col items-center py-12 text-center", children: [
+        ] }, "empty") : loadingTargets ? /* @__PURE__ */ jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col items-center py-12 text-center flex-1", children: [
+          /* @__PURE__ */ jsx(SpinnerIcon, { size: 24, className: "text-[--cyan] mb-3" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-muted-foreground", children: "Loading targets..." })
+        ] }, "loading") : displayTargets.length === 0 && targets_.length === 0 ? /* @__PURE__ */ jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col items-center py-12 text-center flex-1", children: [
           /* @__PURE__ */ jsx("div", { className: "rounded-full bg-white/[0.04] border border-white/[0.06] p-4 mb-4", children: /* @__PURE__ */ jsx(CrosshairIcon, { size: 24 }) }),
           /* @__PURE__ */ jsx("p", { className: "text-sm font-mono font-medium mb-1", children: "No targets yet" }),
-          /* @__PURE__ */ jsx("p", { className: "text-[11px] font-mono text-muted-foreground", children: "Add domains, IPs, and URLs to start hunting" })
-        ] }, "no-targets") : /* @__PURE__ */ jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col gap-2 max-h-[600px] overflow-y-auto scrollbar-thin", children: targets_.map((t, i) => /* @__PURE__ */ jsx(TargetRow, { target: t, onDelete: handleDeleteTarget, onStatusChange: handleStatusChange, index: i }, t.id)) }, "targets") })
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] font-mono text-muted-foreground mb-4", children: "Add domains, IPs, and URLs to start hunting" }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setShowImport(true),
+              className: "inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-mono font-medium bg-[--cyan]/10 text-[--cyan] border border-[--cyan]/20 hover:bg-[--cyan] hover:text-[--primary-foreground] transition-colors",
+              children: [
+                /* @__PURE__ */ jsx(UploadIcon, { size: 12 }),
+                " Import Targets"
+              ]
+            }
+          ) })
+        ] }, "no-targets") : displayTargets.length === 0 ? /* @__PURE__ */ jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "flex flex-col items-center py-12 text-center flex-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "rounded-full bg-white/[0.04] border border-white/[0.06] p-4 mb-4", children: /* @__PURE__ */ jsx(SearchIcon, { size: 24 }) }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-mono text-muted-foreground", children: "No targets match your filter" })
+        ] }, "no-match") : /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            ref: targetsRef,
+            className: "flex flex-col gap-2 flex-1 overflow-y-auto scrollbar-thin",
+            children: displayTargets.map((t, i) => /* @__PURE__ */ jsx(TargetRow, { target: t, onDelete: handleDeleteTarget, onStatusChange: handleStatusChange, onUpdate: handleUpdateTarget, index: i }, t.id))
+          },
+          "targets"
+        ) })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: showImport && selectedProgram && /* @__PURE__ */ jsx(
+      ImportDialog,
+      {
+        programId: selectedProgram,
+        onClose: () => setShowImport(false),
+        onImported: () => {
+          setShowImport(false);
+          loadTargets();
+          load();
+        }
+      }
+    ) })
   ] });
 }
 export {