import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { Sparkles as o, Circle as d, Loader2 as m, CheckCircle2 as p } from "lucide-react";
const x = {
  completed: {
    icon: p,
    iconClass: "text-emerald-400",
    textClass: "text-zinc-400 line-through"
  },
  in_progress: {
    icon: m,
    iconClass: "text-blue-400 animate-spin",
    textClass: "text-zinc-100"
  },
  pending: {
    icon: d,
    iconClass: "text-zinc-500",
    textClass: "text-zinc-400"
  }
};
function h({ todos: t }) {
  if (!t.length) return null;
  const l = t.filter((n) => n.status === "completed").length, r = t.find((n) => n.status === "in_progress"), c = Math.round(l / t.length * 100);
  return /* @__PURE__ */ s("div", { className: "mb-3 w-full max-w-full rounded-2xl border border-zinc-700/60 bg-zinc-950/35 px-4 py-3.5 shadow-[0_10px_30px_rgba(0,0,0,0.25)] backdrop-blur-sm", children: [
    /* @__PURE__ */ s("div", { className: "mb-3 flex items-start justify-between gap-3", children: [
      /* @__PURE__ */ s("div", { className: "min-w-0", children: [
        /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-zinc-200", children: [
          /* @__PURE__ */ e(o, { className: "h-3.5 w-3.5 text-cyan-300/90" }),
          /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-zinc-300", children: "Agent Plan" })
        ] }),
        /* @__PURE__ */ e("p", { className: "mt-1 truncate text-xs text-zinc-400", children: r ? `Now: ${r.content}` : "Wrapping up remaining steps" })
      ] }),
      /* @__PURE__ */ s("div", { className: "rounded-lg border border-zinc-700/80 bg-zinc-900/70 px-2.5 py-1 text-[11px] font-medium text-zinc-300", children: [
        l,
        "/",
        t.length,
        " done"
      ] })
    ] }),
    /* @__PURE__ */ e("div", { className: "mb-3 h-1.5 overflow-hidden rounded-full bg-zinc-800/80", children: /* @__PURE__ */ e(
      "div",
      {
        className: "h-full rounded-full bg-linear-to-r from-cyan-400 to-emerald-400 transition-all duration-500",
        style: { width: `${c}%` }
      }
    ) }),
    /* @__PURE__ */ e("ul", { className: "space-y-1.5", children: t.map((n) => {
      const i = x[n.status], a = i.icon;
      return /* @__PURE__ */ s(
        "li",
        {
          className: "group flex items-center gap-2 rounded-lg border border-zinc-800/80 bg-zinc-900/45 px-2.5 py-2 transition-colors duration-200 hover:border-zinc-700/80",
          children: [
            /* @__PURE__ */ e(a, { className: `h-3.5 w-3.5 flex-shrink-0 ${i.iconClass}` }),
            /* @__PURE__ */ e("span", { className: `line-clamp-1 text-xs ${i.textClass}`, children: n.content })
          ]
        },
        n.id
      );
    }) })
  ] });
}
export {
  h as default
};
//# sourceMappingURL=TodoList.es.js.map
