@industry-theme/backlogmd-kanban-panel 1.0.31 → 1.0.33

package/dist/panels.bundle.js

@@ -3740,70 +3740,83 @@ 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$m = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
+const __iconNode$j = [
+  ["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" }],
+  ["path", { d: "M20 14h2", key: "4cs60a" }],
+  ["path", { d: "M15 13v2", key: "1xurst" }],
+  ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$m);
+const Bot = createLucideIcon("bot", __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$l = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$l);
+const __iconNode$i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __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$k = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$k);
+const __iconNode$h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __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$j = [
+const __iconNode$g = [
   ["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$j);
+const CircleAlert = createLucideIcon("circle-alert", __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$f = [
+  ["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$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$i = [
+const __iconNode$e = [
   ["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$i);
+const CircleCheck = createLucideIcon("circle-check", __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$h = [
+const __iconNode$d = [
   ["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$h);
+const Copy = createLucideIcon("copy", __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$g = [
+const __iconNode$c = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -3813,26 +3826,26 @@ const __iconNode$g = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$g);
+const Expand = createLucideIcon("expand", __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$f = [
+const __iconNode$b = [
   ["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$f);
+const ExternalLink = createLucideIcon("external-link", __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$e = [
+const __iconNode$a = [
   [
     "path",
     {
@@ -3845,30 +3858,14 @@ const __iconNode$e = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$e);
+const FileText = createLucideIcon("file-text", __iconNode$a);
 /**
  * @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 = [
-  [
-    "path",
-    {
-      d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
-      key: "1jaruq"
-    }
-  ]
-];
-const Flag = createLucideIcon("flag", __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$c = [
+const __iconNode$9 = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -3879,35 +3876,22 @@ const __iconNode$c = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __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$b = [
-  ["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$b);
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$9);
 /**
  * @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 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
+const __iconNode$8 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$8);
 /**
  * @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$9 = [
+const __iconNode$7 = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M12 3v3", key: "1n5kay" }],
   [
@@ -3918,37 +3902,37 @@ const __iconNode$9 = [
     }
   ]
 ];
-const Milestone = createLucideIcon("milestone", __iconNode$9);
+const Milestone = createLucideIcon("milestone", __iconNode$7);
 /**
  * @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$8 = [
+const __iconNode$6 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$8);
+const Monitor = createLucideIcon("monitor", __iconNode$6);
 /**
  * @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$7 = [
+const __iconNode$5 = [
   ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$7);
+const MoveRight = createLucideIcon("move-right", __iconNode$5);
 /**
  * @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$6 = [
+const __iconNode$4 = [
   [
     "path",
     {
@@ -3957,70 +3941,42 @@ const __iconNode$6 = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$6);
+const Play = createLucideIcon("play", __iconNode$4);
 /**
  * @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$5 = [
+const __iconNode$3 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$5);
+const Plus = createLucideIcon("plus", __iconNode$3);
 /**
  * @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$4 = [
+const __iconNode$2 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$4);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$2);
 /**
  * @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$3 = [
+const __iconNode$1 = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$3);
-/**
- * @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$2 = [
-  [
-    "path",
-    {
-      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-      key: "vktsd0"
-    }
-  ],
-  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
-];
-const Tag = createLucideIcon("tag", __iconNode$2);
-/**
- * @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$1 = [
-  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
-  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-];
-const User = createLucideIcon("user", __iconNode$1);
+const Search = createLucideIcon("search", __iconNode$1);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -4070,6 +4026,7 @@ function parseTaskMarkdown(content2, filePath) {
     labels: frontmatter.labels || [],
     milestone: frontmatter.milestone,
     dependencies: frontmatter.dependencies || [],
+    references: frontmatter.references || [],
     parentTaskId: frontmatter.parentTaskId,
     subtasks: frontmatter.subtasks,
     branch: frontmatter.branch,
@@ -4102,6 +4059,9 @@ function serializeTaskMarkdown(task) {
   if (task.dependencies && task.dependencies.length > 0) {
     lines.push(`dependencies: [${task.dependencies.join(", ")}]`);
   }
+  if (task.references && task.references.length > 0) {
+    lines.push(`references: [${task.references.join(", ")}]`);
+  }
   if (task.parentTaskId) {
     lines.push(`parentTaskId: ${task.parentTaskId}`);
   }
@@ -4197,6 +4157,7 @@ function parseFrontmatter(raw2) {
       case "assignee":
       case "labels":
       case "dependencies":
+      case "references":
       case "subtasks":
         result[key2] = parseArrayValue(value);
         break;
@@ -5469,6 +5430,7 @@ class Core {
       labels: input.labels || [],
       milestone: input.milestone,
       dependencies: input.dependencies || [],
+      references: input.references || [],
       parentTaskId: input.parentTaskId,
       description: input.description,
       implementationPlan: input.implementationPlan,
@@ -5520,7 +5482,8 @@ class Core {
       implementationPlan: input.clearImplementationPlan ? void 0 : input.implementationPlan ?? existing.implementationPlan,
       implementationNotes: input.clearImplementationNotes ? void 0 : input.implementationNotes ?? existing.implementationNotes,
       ordinal: input.ordinal ?? existing.ordinal,
-      dependencies: input.dependencies ?? existing.dependencies
+      dependencies: input.dependencies ?? existing.dependencies,
+      references: input.references ?? existing.references ?? []
     };
     if (input.labels) {
       updated.labels = input.labels;
@@ -5547,6 +5510,15 @@ class Core {
         return !((_a = input.removeDependencies) == null ? void 0 : _a.includes(d));
       });
     }
+    if (input.addReferences) {
+      updated.references = [.../* @__PURE__ */ new Set([...updated.references || [], ...input.addReferences])];
+    }
+    if (input.removeReferences) {
+      updated.references = (updated.references || []).filter((r2) => {
+        var _a;
+        return !((_a = input.removeReferences) == null ? void 0 : _a.includes(r2));
+      });
+    }
     if (input.acceptanceCriteria) {
       updated.acceptanceCriteriaItems = input.acceptanceCriteria.map((ac, i) => ({
         index: i + 1,
@@ -5867,7 +5839,8 @@ function useKanbanData(options) {
   const {
     context,
     actions,
-    tasksLimit = DEFAULT_TASKS_LIMIT
+    tasksLimit = DEFAULT_TASKS_LIMIT,
+    events: events2
   } = options || {};
   const [tasks, setTasks] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -6012,6 +5985,19 @@ function useKanbanData(options) {
   useEffect(() => {
     loadBacklogData();
   }, [loadBacklogData]);
+  useEffect(() => {
+    if (!events2) return;
+    const unsubscribe = events2.on("file:write-complete", (event) => {
+      const payload = event.payload || {};
+      const filePath = payload.path || "";
+      if (filePath.includes("backlog/tasks/")) {
+        console.log("[useKanbanData] Task file written, refreshing data:", filePath);
+        fileTreeVersionRef.current = null;
+        loadBacklogData();
+      }
+    });
+    return unsubscribe;
+  }, [events2, loadBacklogData]);
   const loadMoreTasks = useCallback(async () => {
     const core2 = coreRef.current;
     if (!core2) {
@@ -6135,6 +6121,16 @@ function useKanbanData(options) {
     core: coreRef.current
   };
 }
+function getGitHubIssueFromRefs$1(references) {
+  if (!references) return null;
+  for (const ref of references) {
+    const match = ref.match(/github\.com\/[^/]+\/[^/]+\/issues\/(\d+)/);
+    if (match) {
+      return { number: parseInt(match[1], 10), url: ref };
+    }
+  }
+  return null;
+}
 const TaskCard = ({
   task,
   onClick,
@@ -6285,15 +6281,44 @@ const TaskCard = ({
               color: theme2.colors.textMuted
             },
             children: [
-              /* @__PURE__ */ jsx(
-                "span",
-                {
-                  style: {
-                    fontFamily: theme2.fonts.monospace
-                  },
-                  children: task.id
-                }
-              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontFamily: theme2.fonts.monospace
+                    },
+                    children: task.id
+                  }
+                ),
+                (() => {
+                  const issue = getGitHubIssueFromRefs$1(task.references);
+                  if (!issue) return null;
+                  return /* @__PURE__ */ jsxs(
+                    "a",
+                    {
+                      href: issue.url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      onClick: (e) => e.stopPropagation(),
+                      style: {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        gap: "3px",
+                        color: theme2.colors.primary,
+                        textDecoration: "none",
+                        fontSize: theme2.fontSizes[0]
+                      },
+                      title: `View issue #${issue.number} on GitHub`,
+                      children: [
+                        /* @__PURE__ */ jsx(ExternalLink, { size: 10 }),
+                        "#",
+                        issue.number
+                      ]
+                    }
+                  );
+                })()
+              ] }),
               task.assignee && task.assignee.length > 0 && /* @__PURE__ */ jsxs(
                 "span",
                 {
@@ -7847,6 +7872,7 @@ const KanbanPanel = ({
   } = useKanbanData({
     context,
     actions,
+    events: events2,
     tasksLimit: 20
   });
   const {
@@ -52770,6 +52796,16 @@ var DocumentView = ({
     editable
   })));
 };
+function getGitHubIssueFromRefs(references) {
+  if (!references) return null;
+  for (const ref of references) {
+    const match = ref.match(/github\.com\/[^/]+\/[^/]+\/issues\/(\d+)/);
+    if (match) {
+      return { number: parseInt(match[1], 10), url: ref };
+    }
+  }
+  return null;
+}
 function getTaskBodyMarkdown(task, options = {}) {
   const { includeTitle = false } = options;
   if (task.rawContent) {
@@ -52848,36 +52884,45 @@ const StatusBadge = ({ status }) => {
     }
   );
 };
-const MetadataRow = ({ icon, label, value }) => {
-  const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        fontSize: theme2.fontSizes[1]
-      },
-      children: [
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.textMuted, display: "flex", alignItems: "center" }, children: icon }),
-        /* @__PURE__ */ jsxs("span", { style: { color: theme2.colors.textSecondary }, children: [
-          label,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("span", { style: { color: theme2.colors.text }, children: value })
-      ]
-    }
-  );
-};
 const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
+  var _a;
   const { theme: theme2 } = useTheme();
   const [selectedTask, setSelectedTask] = useState(null);
+  const [claudeAssignment, setClaudeAssignment] = useState({ status: "idle" });
   const { editable = false } = config ?? {};
+  const repoCapabilities = context.getRepositorySlice("repoCapabilities");
+  const hasClaudeWorkflow = ((_a = repoCapabilities == null ? void 0 : repoCapabilities.data) == null ? void 0 : _a.hasClaudeWorkflow) ?? false;
+  const handleAssignToClaude = useCallback(() => {
+    if (!events2 || !selectedTask) return;
+    setClaudeAssignment({ status: "loading" });
+    events2.emit({
+      type: "task:assign-to-claude",
+      source: "task-detail-panel",
+      timestamp: Date.now(),
+      payload: {
+        taskId: selectedTask.id,
+        task: {
+          id: selectedTask.id,
+          title: selectedTask.title,
+          description: selectedTask.description,
+          priority: selectedTask.priority,
+          labels: selectedTask.labels,
+          assignee: selectedTask.assignee,
+          acceptanceCriteria: selectedTask.acceptanceCriteriaItems,
+          implementationPlan: selectedTask.implementationPlan,
+          rawContent: selectedTask.rawContent,
+          filePath: selectedTask.filePath,
+          status: selectedTask.status,
+          references: selectedTask.references
+        }
+      }
+    });
+  }, [events2, selectedTask]);
   useEffect(() => {
     if (!events2) return;
     const handleTaskSelected = (event) => {
       setSelectedTask(event.payload.task);
+      setClaudeAssignment({ status: "idle" });
     };
     const unsubscribe = events2.on("task:selected", handleTaskSelected);
     return () => {
@@ -52886,6 +52931,35 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
       }
     };
   }, [events2]);
+  useEffect(() => {
+    if (!events2) return;
+    const unsubscribers = [
+      events2.on("task:assigned-to-claude", (event) => {
+        const payload = event.payload;
+        if (payload.taskId === (selectedTask == null ? void 0 : selectedTask.id)) {
+          setClaudeAssignment({
+            status: "success",
+            issueNumber: payload.issueNumber,
+            issueUrl: payload.issueUrl
+          });
+        }
+      }),
+      events2.on("task:assign-to-claude:error", (event) => {
+        const payload = event.payload;
+        if (payload.taskId === (selectedTask == null ? void 0 : selectedTask.id)) {
+          setClaudeAssignment({
+            status: "error",
+            error: payload.error
+          });
+        }
+      })
+    ];
+    return () => {
+      unsubscribers.forEach((unsub) => {
+        if (typeof unsub === "function") unsub();
+      });
+    };
+  }, [events2, selectedTask == null ? void 0 : selectedTask.id]);
   const handleBack = () => {
     setSelectedTask(null);
     if (events2) {
@@ -52988,40 +53062,202 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
                           children: selectedTask.id
                         }
                       ),
+                      selectedTask.priority && /* @__PURE__ */ jsx("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: selectedTask.priority }),
                       /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
                     ] }),
-                    /* @__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" }, 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"
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__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__ */ jsx("style", { children: `
+            @keyframes spin {
+              to { transform: rotate(360deg); }
+            }
+          ` }),
               /* @__PURE__ */ jsx(
                 "h1",
                 {
@@ -53034,80 +53270,6 @@ const TaskDetailPanel = ({ context, actions, events: events2, config }) => {
                   },
                   children: selectedTask.title
                 }
-              ),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "grid",
-                    gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))",
-                    gap: "12px"
-                  },
-                  children: [
-                    selectedTask.priority && /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(Flag, { size: 14 }),
-                        label: "Priority",
-                        value: /* @__PURE__ */ jsx("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: selectedTask.priority })
-                      }
-                    ),
-                    selectedTask.assignee && selectedTask.assignee.length > 0 && /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(User, { size: 14 }),
-                        label: "Assignee",
-                        value: selectedTask.assignee.join(", ")
-                      }
-                    ),
-                    selectedTask.createdDate && /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(Calendar, { size: 14 }),
-                        label: "Created",
-                        value: selectedTask.createdDate
-                      }
-                    ),
-                    selectedTask.branch && /* @__PURE__ */ jsx(
-                      MetadataRow,
-                      {
-                        icon: /* @__PURE__ */ jsx(GitBranch, { size: 14 }),
-                        label: "Branch",
-                        value: selectedTask.branch
-                      }
-                    )
-                  ]
-                }
-              ),
-              selectedTask.labels && selectedTask.labels.length > 0 && /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    marginTop: "12px",
-                    flexWrap: "wrap"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(Tag, { size: 14, color: theme2.colors.textMuted }),
-                    selectedTask.labels.map((label) => /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          padding: "2px 8px",
-                          borderRadius: theme2.radii[1],
-                          fontSize: theme2.fontSizes[0],
-                          fontWeight: theme2.fontWeights.medium,
-                          background: `${theme2.colors.primary}15`,
-                          color: theme2.colors.primary
-                        },
-                        children: label
-                      },
-                      label
-                    ))
-                  ]
-                }
               )
             ]
           }