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

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
  *
@@ -6087,6 +6100,11 @@ function gt(o, e, t, r2) {
     };
   }, [o, e, t, r2]);
 }
+const DEFAULT_TASK_STATUSES = {
+  TODO: "To Do",
+  IN_PROGRESS: "In Progress",
+  DONE: "Done"
+};
 function parseTaskMarkdown(content2, filePath) {
   const { frontmatter, title, rawContent, acceptanceCriteria, description } = parseMarkdownContent(content2);
   const id = extractIdFromPath(filePath);
@@ -6764,7 +6782,11 @@ class Core {
     }
     const dirName = this.projectRoot.split("/").pop() || "Backlog";
     const projectName = options.projectName || dirName;
-    const statuses = options.statuses || ["To Do", "In Progress", "Done"];
+    const statuses = options.statuses || [
+      DEFAULT_TASK_STATUSES.TODO,
+      DEFAULT_TASK_STATUSES.IN_PROGRESS,
+      DEFAULT_TASK_STATUSES.DONE
+    ];
     const config = {
       projectName,
       statuses,
@@ -7488,18 +7510,28 @@ class Core {
    * @returns Created task
    */
   async createTask(input) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e2;
     this.ensureInitialized();
     const tasksDir = this.getTasksDir();
     await this.fs.createDir(tasksDir, { recursive: true });
-    const existingIds = Array.from(this.tasks.keys()).map((id) => parseInt(id.replace(/\D/g, ""), 10)).filter((n) => !Number.isNaN(n));
+    const existingIds = Array.from(this.lazyInitialized ? this.taskIndex.keys() : this.tasks.keys()).map((id) => parseInt(id.replace(/\D/g, ""), 10)).filter((n) => !Number.isNaN(n));
     const nextId = existingIds.length > 0 ? Math.max(...existingIds) + 1 : 1;
     const taskId = String(nextId);
+    const configStatuses = ((_a = this.config) == null ? void 0 : _a.statuses) || [
+      DEFAULT_TASK_STATUSES.TODO,
+      DEFAULT_TASK_STATUSES.IN_PROGRESS,
+      DEFAULT_TASK_STATUSES.DONE
+    ];
+    let status = input.status || ((_b = this.config) == null ? void 0 : _b.defaultStatus) || DEFAULT_TASK_STATUSES.TODO;
+    if (!configStatuses.includes(status)) {
+      console.warn(`Warning: Status "${status}" is not in configured statuses [${configStatuses.join(", ")}]. Using default status "${((_c = this.config) == null ? void 0 : _c.defaultStatus) || DEFAULT_TASK_STATUSES.TODO}" instead.`);
+      status = ((_d = this.config) == null ? void 0 : _d.defaultStatus) || DEFAULT_TASK_STATUSES.TODO;
+    }
     const now = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
     const task = {
       id: taskId,
       title: input.title,
-      status: input.status || ((_a = this.config) == null ? void 0 : _a.defaultStatus) || "To Do",
+      status,
       priority: input.priority,
       assignee: input.assignee || [],
       createdDate: now,
@@ -7511,7 +7543,7 @@ class Core {
       description: input.description,
       implementationPlan: input.implementationPlan,
       implementationNotes: input.implementationNotes,
-      acceptanceCriteriaItems: (_b = input.acceptanceCriteria) == null ? void 0 : _b.map((ac, i) => ({
+      acceptanceCriteriaItems: (_e2 = input.acceptanceCriteria) == null ? void 0 : _e2.map((ac, i) => ({
         index: i + 1,
         text: ac.text,
         checked: ac.checked || false
@@ -7526,6 +7558,15 @@ class Core {
     await this.fs.writeFile(filepath, content2);
     task.filePath = filepath;
     this.tasks.set(taskId, task);
+    if (this.lazyInitialized) {
+      const relativePath = filepath.replace(this.projectRoot + "/", "");
+      this.taskIndex.set(taskId, {
+        id: taskId,
+        filePath: relativePath,
+        title: task.title,
+        source: "tasks"
+      });
+    }
     if (input.milestone) {
       await this.addTaskToMilestone(taskId, input.milestone);
     }
@@ -7900,16 +7941,11 @@ class PanelFileSystemAdapter {
     return path2.replace(/^\/+/, "").replace(/\/+$/, "").replace(/\/+/g, "/");
   }
 }
-const STATUS_DISPLAY_LABELS = {
-  "todo": "To Do",
-  "in-progress": "In Progress",
-  "done": "Done"
-};
-const COLUMN_TO_STATUS = {
-  "todo": "To Do",
-  "in-progress": "In Progress",
-  "done": "Done"
-};
+const STATUS_COLUMNS = [
+  DEFAULT_TASK_STATUSES.TODO,
+  DEFAULT_TASK_STATUSES.IN_PROGRESS,
+  DEFAULT_TASK_STATUSES.DONE
+];
 const DEFAULT_TASKS_LIMIT = 20;
 function useKanbanData(options) {
   const {
@@ -7960,11 +7996,9 @@ function useKanbanData(options) {
   }, []);
   const fileTreeVersionRef = useRef(null);
   const buildColumnStates = useCallback((allTasks) => {
-    const statusColumns2 = ["todo", "in-progress", "done"];
     const newColumnStates = /* @__PURE__ */ new Map();
-    for (const column of statusColumns2) {
-      const status = COLUMN_TO_STATUS[column];
-      const columnTasks = allTasks.filter((t) => t.status === status);
+    for (const column of STATUS_COLUMNS) {
+      const columnTasks = allTasks.filter((t) => t.status === column);
       newColumnStates.set(column, {
         tasks: columnTasks,
         total: columnTasks.length,
@@ -8141,7 +8175,7 @@ function useKanbanData(options) {
   );
   const moveTaskOptimistic = useCallback(
     (taskId, toColumn) => {
-      const newStatus = COLUMN_TO_STATUS[toColumn];
+      const newStatus = toColumn;
       setTasks((prev) => {
         const newTasks = prev.map(
           (t) => t.id === taskId ? { ...t, status: newStatus } : t
@@ -8160,7 +8194,7 @@ function useKanbanData(options) {
     },
     [tasks]
   );
-  const statusColumns = ["todo", "in-progress", "done"];
+  const statusColumns = STATUS_COLUMNS;
   const tasksByStatus = (() => {
     const result = /* @__PURE__ */ new Map();
     for (const column of statusColumns) {
@@ -8292,18 +8326,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",
           {
@@ -9886,7 +9942,7 @@ const KanbanPanel = ({
   var _a, _b;
   const { theme: theme2 } = useTheme();
   const [selectedTaskId, setSelectedTaskId] = useState(null);
-  const [selectedTab, setSelectedTab] = useState("todo");
+  const [selectedTab, setSelectedTab] = useState(DEFAULT_TASK_STATUSES.TODO);
   const [isNarrowView, setIsNarrowView] = useState(false);
   const kanbanPanelRef = useRef(null);
   const [viewMode, setViewMode] = useState("board");
@@ -10005,12 +10061,7 @@ const KanbanPanel = ({
     const targetColumn = over.id;
     const task = getTaskById(taskId);
     if (!task) return;
-    const statusToColumn = {
-      "To Do": "todo",
-      "In Progress": "in-progress",
-      "Done": "done"
-    };
-    const currentColumn = statusToColumn[task.status] || "todo";
+    const currentColumn = task.status || DEFAULT_TASK_STATUSES.TODO;
     if (currentColumn !== targetColumn) {
       moveTaskOptimistic(taskId, targetColumn);
     }
@@ -10147,7 +10198,11 @@ const KanbanPanel = ({
       });
     }
   };
-  const availableStatuses = ["To Do", "In Progress", "Done"];
+  const availableStatuses = [
+    DEFAULT_TASK_STATUSES.TODO,
+    DEFAULT_TASK_STATUSES.IN_PROGRESS,
+    DEFAULT_TASK_STATUSES.DONE
+  ];
   const currentError = viewMode === "board" ? error : milestonesError;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -10551,7 +10606,7 @@ const KanbanPanel = ({
                                 gap: "6px"
                               },
                               children: [
-                                STATUS_DISPLAY_LABELS[status],
+                                status,
                                 /* @__PURE__ */ jsx(
                                   "span",
                                   {
@@ -10601,7 +10656,7 @@ const KanbanPanel = ({
                                 KanbanColumn,
                                 {
                                   columnId: status,
-                                  status: STATUS_DISPLAY_LABELS[status],
+                                  status,
                                   tasks: columnTasks,
                                   onTaskClick: handleTaskClick,
                                   fullWidth: isNarrowView,
@@ -51463,9 +51518,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[5],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[4],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -51476,9 +51533,11 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[4],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.bold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading,
+        paddingBottom: theme2.space[2],
+        borderBottom: `1px solid ${theme2.colors.border}`,
         ...headerStyles
       },
       ...props
@@ -51489,12 +51548,48 @@ var createIndustryMarkdownComponents = ({
         fontSize: theme2.fontSizes[3],
         lineHeight: theme2.lineHeights.heading,
         fontWeight: theme2.fontWeights.semibold,
-        marginTop: index2 === 0 ? 0 : theme2.space[4],
+        marginTop: theme2.space[4],
         marginBottom: theme2.space[3],
         fontFamily: theme2.fonts.heading
       },
       ...props
     }, children2),
+    h4: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h4", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[2],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[2],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h5: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h5", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.semibold,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
+    h6: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("h6", {
+      style: {
+        color: theme2.colors.text,
+        fontSize: theme2.fontSizes[1],
+        lineHeight: theme2.lineHeights.heading,
+        fontWeight: theme2.fontWeights.medium,
+        marginTop: theme2.space[3],
+        marginBottom: theme2.space[1],
+        fontFamily: theme2.fonts.heading
+      },
+      ...props
+    }, children2),
     p: ({ children: children2, ...props }) => /* @__PURE__ */ React2__default.createElement("p", {
       style: {
         color: theme2.colors.text,
@@ -51857,7 +51952,7 @@ var createIndustryMarkdownComponents = ({
         }), "Fill & Copy (", placeholders.length, ")"))), isPrompt ? /* @__PURE__ */ React2__default.createElement("div", {
           style: {
             margin: 0,
-            padding: theme2.space[5],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             fontSize: theme2.fontSizes[1],
             lineHeight: theme2.lineHeights.body,
@@ -51884,7 +51979,7 @@ var createIndustryMarkdownComponents = ({
         })) : /* @__PURE__ */ React2__default.createElement("pre", {
           style: {
             margin: 0,
-            padding: theme2.space[4],
+            padding: theme2.space[1],
             backgroundColor: "transparent",
             overflow: "auto",
             fontSize: theme2.fontSizes[1],
@@ -55217,248 +55312,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); }