@industry-theme/backlogmd-kanban-panel 1.0.34 → 1.0.35

package/dist/panels.bundle.js

@@ -3740,7 +3740,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$l = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -3748,75 +3748,75 @@ const __iconNode$k = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$k);
+const Bot = createLucideIcon("bot", __iconNode$l);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$j);
+const __iconNode$k = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
+const __iconNode$j = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$i = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$h);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$h = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
 ];
-const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$g);
+const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$g = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$f);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$e);
+const Copy = createLucideIcon("copy", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -3826,26 +3826,26 @@ const __iconNode$d = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$d);
+const Expand = createLucideIcon("expand", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$c);
+const ExternalLink = createLucideIcon("external-link", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   [
     "path",
     {
@@ -3858,14 +3858,14 @@ const __iconNode$b = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$b);
+const FileText = createLucideIcon("file-text", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -3876,7 +3876,20 @@ const __iconNode$a = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$a);
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$b);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$a = [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+];
+const GitBranch = createLucideIcon("git-branch", __iconNode$a);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -8292,18 +8305,40 @@ const TaskCard = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx(
-          "h4",
-          {
-            style: {
-              margin: "0 0 8px 0",
-              fontSize: theme2.fontSizes[2],
-              color: isSelected ? getPriorityColor(task.priority) : theme2.colors.text,
-              fontWeight: theme2.fontWeights.medium
-            },
-            children: displayTitle
-          }
-        ),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", marginBottom: "8px" }, children: [
+          /* @__PURE__ */ jsx(
+            "h4",
+            {
+              style: {
+                margin: 0,
+                fontSize: theme2.fontSizes[2],
+                color: isSelected ? getPriorityColor(task.priority) : theme2.colors.text,
+                fontWeight: theme2.fontWeights.medium,
+                flex: 1
+              },
+              children: displayTitle
+            }
+          ),
+          getGitHubIssueFromRefs$1(task.references) && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "3px",
+                padding: "2px 6px",
+                borderRadius: theme2.radii[1],
+                background: `${theme2.colors.success}20`,
+                color: theme2.colors.success,
+                fontSize: theme2.fontSizes[0],
+                fontWeight: theme2.fontWeights.medium,
+                flexShrink: 0
+              },
+              title: "Assigned to Claude",
+              children: /* @__PURE__ */ jsx(GitBranch, { size: 10 })
+            }
+          )
+        ] }),
         task.description && /* @__PURE__ */ jsx(
           "p",
           {
@@ -55217,248 +55252,262 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
                       selectedTask.priority && /* @__PURE__ */ jsx("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: selectedTask.priority }),
                       /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
                     ] }),
-                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                      hasClaudeWorkflow && claudeAssignment.status === "idle" && !getGitHubIssueFromRefs(selectedTask.references) && /* @__PURE__ */ jsxs(
-                        "button",
-                        {
-                          onClick: handleAssignToClaude,
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            padding: "6px 12px",
-                            border: `1px solid ${theme2.colors.primary}`,
-                            borderRadius: theme2.radii[1],
-                            background: "transparent",
-                            cursor: "pointer",
-                            color: theme2.colors.primary,
-                            fontSize: theme2.fontSizes[1],
-                            fontWeight: theme2.fontWeights.medium,
-                            transition: "all 0.2s ease"
-                          },
-                          onMouseEnter: (e) => {
-                            e.currentTarget.style.background = theme2.colors.primary;
-                            e.currentTarget.style.color = theme2.colors.background;
-                          },
-                          onMouseLeave: (e) => {
-                            e.currentTarget.style.background = "transparent";
-                            e.currentTarget.style.color = theme2.colors.primary;
-                          },
-                          title: "Assign to Claude",
-                          children: [
-                            /* @__PURE__ */ jsx(Bot, { size: 14 }),
-                            "Assign to Claude"
-                          ]
-                        }
-                      ),
-                      (() => {
-                        const existingIssue = getGitHubIssueFromRefs(selectedTask.references);
-                        if (!existingIssue || claudeAssignment.status !== "idle") return null;
-                        return /* @__PURE__ */ jsxs(
-                          "a",
-                          {
-                            href: existingIssue.url,
-                            target: "_blank",
-                            rel: "noopener noreferrer",
-                            style: {
-                              display: "flex",
-                              alignItems: "center",
-                              gap: "6px",
-                              padding: "6px 12px",
-                              border: `1px solid ${theme2.colors.primary}`,
-                              borderRadius: theme2.radii[1],
-                              background: "transparent",
-                              color: theme2.colors.primary,
-                              fontSize: theme2.fontSizes[1],
-                              fontWeight: theme2.fontWeights.medium,
-                              textDecoration: "none",
-                              transition: "all 0.2s ease"
-                            },
-                            onMouseEnter: (e) => {
-                              e.currentTarget.style.background = theme2.colors.primary;
-                              e.currentTarget.style.color = theme2.colors.background;
-                            },
-                            onMouseLeave: (e) => {
-                              e.currentTarget.style.background = "transparent";
-                              e.currentTarget.style.color = theme2.colors.primary;
-                            },
-                            title: `View issue #${existingIssue.number} on GitHub`,
-                            children: [
-                              /* @__PURE__ */ jsx(Bot, { size: 14 }),
-                              "View Progress",
-                              /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
-                            ]
-                          }
-                        );
-                      })(),
-                      claudeAssignment.status === "loading" && /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            padding: "6px 12px",
-                            color: theme2.colors.textSecondary,
-                            fontSize: theme2.fontSizes[1]
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(LoaderCircle, { size: 14, style: { animation: "spin 1s linear infinite" } }),
-                            "Assigning..."
-                          ]
-                        }
-                      ),
-                      claudeAssignment.status === "success" && /* @__PURE__ */ jsxs(
-                        "a",
-                        {
-                          href: claudeAssignment.issueUrl,
-                          target: "_blank",
-                          rel: "noopener noreferrer",
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            padding: "6px 12px",
-                            border: `1px solid ${theme2.colors.success}`,
-                            borderRadius: theme2.radii[1],
-                            background: `${theme2.colors.success}15`,
-                            color: theme2.colors.success,
-                            fontSize: theme2.fontSizes[1],
-                            fontWeight: theme2.fontWeights.medium,
-                            textDecoration: "none",
-                            transition: "all 0.2s ease"
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
-                            "Issue #",
-                            claudeAssignment.issueNumber
-                          ]
-                        }
-                      ),
-                      claudeAssignment.status === "error" && /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            padding: "6px 12px",
-                            border: `1px solid ${theme2.colors.error}`,
-                            borderRadius: theme2.radii[1],
-                            background: `${theme2.colors.error}15`,
-                            color: theme2.colors.error,
-                            fontSize: theme2.fontSizes[1]
-                          },
-                          title: claudeAssignment.error,
-                          children: [
-                            /* @__PURE__ */ jsx(CircleAlert, { size: 14 }),
-                            "Failed",
-                            /* @__PURE__ */ jsx(
-                              "button",
-                              {
-                                onClick: () => setClaudeAssignment({ status: "idle" }),
-                                style: {
-                                  background: "none",
-                                  border: "none",
-                                  color: theme2.colors.error,
-                                  cursor: "pointer",
-                                  padding: "0 0 0 4px",
-                                  fontSize: theme2.fontSizes[0],
-                                  textDecoration: "underline"
-                                },
-                                children: "Retry"
-                              }
-                            )
-                          ]
-                        }
-                      ),
-                      deleteState.status === "idle" && /* @__PURE__ */ jsxs(
-                        "button",
-                        {
-                          onClick: () => setIsDeleteModalOpen(true),
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            padding: "6px 12px",
-                            border: `1px solid ${theme2.colors.error}`,
-                            borderRadius: theme2.radii[1],
-                            background: "transparent",
-                            cursor: "pointer",
-                            color: theme2.colors.error,
-                            fontSize: theme2.fontSizes[1],
-                            fontWeight: theme2.fontWeights.medium,
-                            transition: "all 0.2s ease"
-                          },
-                          onMouseEnter: (e) => {
-                            e.currentTarget.style.background = theme2.colors.error;
-                            e.currentTarget.style.color = theme2.colors.background;
-                          },
-                          onMouseLeave: (e) => {
-                            e.currentTarget.style.background = "transparent";
-                            e.currentTarget.style.color = theme2.colors.error;
-                          },
-                          title: "Delete task",
-                          children: [
-                            /* @__PURE__ */ jsx(Trash2, { size: 14 }),
-                            "Delete"
-                          ]
-                        }
-                      ),
-                      deleteState.status === "success" && /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "6px",
-                            padding: "6px 12px",
-                            border: `1px solid ${theme2.colors.success}`,
-                            borderRadius: theme2.radii[1],
-                            background: `${theme2.colors.success}15`,
-                            color: theme2.colors.success,
-                            fontSize: theme2.fontSizes[1],
-                            fontWeight: theme2.fontWeights.medium
-                          },
-                          children: [
-                            /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
-                            "Task deleted"
-                          ]
-                        }
-                      ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: handleBack,
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          width: "32px",
+                          height: "32px",
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: theme2.radii[1],
+                          background: theme2.colors.surface,
+                          cursor: "pointer",
+                          color: theme2.colors.textSecondary,
+                          transition: "all 0.2s ease"
+                        },
+                        onMouseEnter: (e) => {
+                          e.currentTarget.style.background = theme2.colors.backgroundSecondary;
+                          e.currentTarget.style.color = theme2.colors.text;
+                        },
+                        onMouseLeave: (e) => {
+                          e.currentTarget.style.background = theme2.colors.surface;
+                          e.currentTarget.style.color = theme2.colors.textSecondary;
+                        },
+                        title: "Close",
+                        children: /* @__PURE__ */ jsx(X, { size: 16 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
+                hasClaudeWorkflow && claudeAssignment.status === "idle" && !getGitHubIssueFromRefs(selectedTask.references) && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: handleAssignToClaude,
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      border: `1px solid ${theme2.colors.primary}`,
+                      borderRadius: theme2.radii[1],
+                      background: "transparent",
+                      cursor: "pointer",
+                      color: theme2.colors.primary,
+                      fontSize: theme2.fontSizes[1],
+                      fontWeight: theme2.fontWeights.medium,
+                      transition: "all 0.2s ease"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.background = theme2.colors.primary;
+                      e.currentTarget.style.color = theme2.colors.background;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.background = "transparent";
+                      e.currentTarget.style.color = theme2.colors.primary;
+                    },
+                    title: "Assign to Claude",
+                    children: [
+                      /* @__PURE__ */ jsx(Bot, { size: 14 }),
+                      "Assign to Claude"
+                    ]
+                  }
+                ),
+                (() => {
+                  const existingIssue = getGitHubIssueFromRefs(selectedTask.references);
+                  if (!existingIssue || claudeAssignment.status !== "idle") return null;
+                  return /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: existingIssue.url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      style: {
+                        flex: 1,
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        gap: "6px",
+                        padding: "6px 12px",
+                        border: `1px solid ${theme2.colors.primary}`,
+                        borderRadius: theme2.radii[1],
+                        background: "transparent",
+                        color: theme2.colors.primary,
+                        fontSize: theme2.fontSizes[1],
+                        fontWeight: theme2.fontWeights.medium,
+                        textDecoration: "none",
+                        transition: "all 0.2s ease"
+                      },
+                      onMouseEnter: (e) => {
+                        e.currentTarget.style.background = theme2.colors.primary;
+                        e.currentTarget.style.color = theme2.colors.background;
+                      },
+                      onMouseLeave: (e) => {
+                        e.currentTarget.style.background = "transparent";
+                        e.currentTarget.style.color = theme2.colors.primary;
+                      },
+                      title: `View issue #${existingIssue.number} on GitHub`,
+                      children: [
+                        /* @__PURE__ */ jsx(Bot, { size: 14 }),
+                        "View Progress",
+                        /* @__PURE__ */ jsx(ExternalLink, { size: 12 })
+                      ]
+                    }
+                  );
+                })(),
+                claudeAssignment.status === "loading" && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      color: theme2.colors.textSecondary,
+                      fontSize: theme2.fontSizes[1]
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(LoaderCircle, { size: 14, style: { animation: "spin 1s linear infinite" } }),
+                      "Assigning..."
+                    ]
+                  }
+                ),
+                claudeAssignment.status === "success" && /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    href: claudeAssignment.issueUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      border: `1px solid ${theme2.colors.success}`,
+                      borderRadius: theme2.radii[1],
+                      background: `${theme2.colors.success}15`,
+                      color: theme2.colors.success,
+                      fontSize: theme2.fontSizes[1],
+                      fontWeight: theme2.fontWeights.medium,
+                      textDecoration: "none",
+                      transition: "all 0.2s ease"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
+                      "Issue #",
+                      claudeAssignment.issueNumber
+                    ]
+                  }
+                ),
+                claudeAssignment.status === "error" && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      border: `1px solid ${theme2.colors.error}`,
+                      borderRadius: theme2.radii[1],
+                      background: `${theme2.colors.error}15`,
+                      color: theme2.colors.error,
+                      fontSize: theme2.fontSizes[1]
+                    },
+                    title: claudeAssignment.error,
+                    children: [
+                      /* @__PURE__ */ jsx(CircleAlert, { size: 14 }),
+                      "Failed",
                       /* @__PURE__ */ jsx(
                         "button",
                         {
-                          onClick: handleBack,
+                          onClick: () => setClaudeAssignment({ status: "idle" }),
                           style: {
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            width: "32px",
-                            height: "32px",
-                            border: `1px solid ${theme2.colors.border}`,
-                            borderRadius: theme2.radii[1],
-                            background: theme2.colors.surface,
+                            background: "none",
+                            border: "none",
+                            color: theme2.colors.error,
                             cursor: "pointer",
-                            color: theme2.colors.textSecondary,
-                            transition: "all 0.2s ease"
-                          },
-                          onMouseEnter: (e) => {
-                            e.currentTarget.style.background = theme2.colors.backgroundSecondary;
-                            e.currentTarget.style.color = theme2.colors.text;
-                          },
-                          onMouseLeave: (e) => {
-                            e.currentTarget.style.background = theme2.colors.surface;
-                            e.currentTarget.style.color = theme2.colors.textSecondary;
+                            padding: "0 0 0 4px",
+                            fontSize: theme2.fontSizes[0],
+                            textDecoration: "underline"
                           },
-                          title: "Close",
-                          children: /* @__PURE__ */ jsx(X, { size: 16 })
+                          children: "Retry"
                         }
                       )
-                    ] })
-                  ]
-                }
-              ),
+                    ]
+                  }
+                ),
+                deleteState.status === "idle" && /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    onClick: () => setIsDeleteModalOpen(true),
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      border: `1px solid ${theme2.colors.error}`,
+                      borderRadius: theme2.radii[1],
+                      background: "transparent",
+                      cursor: "pointer",
+                      color: theme2.colors.error,
+                      fontSize: theme2.fontSizes[1],
+                      fontWeight: theme2.fontWeights.medium,
+                      transition: "all 0.2s ease"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.background = theme2.colors.error;
+                      e.currentTarget.style.color = theme2.colors.background;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.background = "transparent";
+                      e.currentTarget.style.color = theme2.colors.error;
+                    },
+                    title: "Delete task",
+                    children: [
+                      /* @__PURE__ */ jsx(Trash2, { size: 14 }),
+                      "Delete"
+                    ]
+                  }
+                ),
+                deleteState.status === "success" && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      flex: 1,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      gap: "6px",
+                      padding: "6px 12px",
+                      border: `1px solid ${theme2.colors.success}`,
+                      borderRadius: theme2.radii[1],
+                      background: `${theme2.colors.success}15`,
+                      color: theme2.colors.success,
+                      fontSize: theme2.fontSizes[1],
+                      fontWeight: theme2.fontWeights.medium
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 }),
+                      "Task deleted"
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsx("style", { children: `
             @keyframes spin {
               to { transform: rotate(360deg); }