@industry-theme/backlogmd-kanban-panel 0.1.0 → 0.1.1

package/dist/panels.bundle.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React2, { forwardRef, createElement, createContext, useState, useEffect, useContext, useMemo, useCallback } from "react";
+import React2, { forwardRef, createElement, createContext, useState, useEffect, useContext, useRef, useCallback, useMemo } from "react";
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -105,12 +105,44 @@ 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$2 = [
+const __iconNode$4 = [
   ["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$2);
+const CircleAlert = createLucideIcon("circle-alert", __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$3 = [
+  ["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$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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 9H8", key: "b1mrlr" }],
+  ["path", { d: "M16 13H8", key: "t4e002" }],
+  ["path", { d: "M16 17H8", key: "z1uh3a" }]
+];
+const FileText = createLucideIcon("file-text", __iconNode$2);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -351,211 +383,490 @@ var ThemeProvider = ({
   }, children);
 };
 var theme = terminalTheme;
-function generateMockTasks() {
-  return [
-    {
-      id: "task-001",
-      title: "Implement user authentication",
-      status: "To Do",
-      assignee: ["alice@example.com"],
-      createdDate: "2025-11-01T10:00:00Z",
-      updatedDate: "2025-11-15T14:30:00Z",
-      labels: ["feature", "security"],
-      dependencies: [],
-      description: "Add OAuth2 authentication flow with support for multiple providers (Google, GitHub). Include session management and token refresh logic.",
-      priority: "high",
-      ordinal: 1,
-      filePath: "backlog/task-001.md",
-      source: "local"
-    },
-    {
-      id: "task-002",
-      title: "Design database schema",
-      status: "To Do",
-      assignee: ["bob@example.com"],
-      createdDate: "2025-11-02T09:15:00Z",
-      labels: ["database", "architecture"],
-      dependencies: [],
-      description: "Create normalized database schema for user data, tasks, and relationships. Include migration scripts.",
-      priority: "high",
-      ordinal: 2,
-      filePath: "backlog/task-002.md",
-      source: "local"
-    },
-    {
-      id: "task-003",
-      title: "Build REST API endpoints",
-      status: "In Progress",
-      assignee: ["charlie@example.com"],
-      createdDate: "2025-11-03T11:20:00Z",
-      updatedDate: "2025-11-16T09:00:00Z",
-      labels: ["backend", "api"],
-      dependencies: ["task-002"],
-      description: "Implement RESTful API endpoints for CRUD operations. Include validation, error handling, and rate limiting.",
-      implementationPlan: `
-## Implementation Steps
-1. Set up Express/Fastify server
-2. Define API routes and handlers
-3. Add request validation middleware
-4. Implement error handling
-5. Add rate limiting
-6. Write API documentation
-      `.trim(),
-      priority: "high",
-      ordinal: 1,
-      filePath: "backlog/task-003.md",
-      source: "local"
-    },
-    {
-      id: "task-004",
-      title: "Create UI component library",
-      status: "In Progress",
-      assignee: ["diana@example.com", "eve@example.com"],
-      createdDate: "2025-11-04T13:45:00Z",
-      updatedDate: "2025-11-17T16:20:00Z",
-      labels: ["frontend", "ui"],
-      dependencies: [],
-      description: "Build reusable React components with TypeScript. Include buttons, forms, modals, and data tables.",
-      priority: "medium",
-      ordinal: 2,
-      acceptanceCriteriaItems: [
-        { index: 0, text: "All components are fully typed", checked: true },
-        { index: 1, text: "Components support theme customization", checked: true },
-        { index: 2, text: "Storybook stories for each component", checked: false },
-        { index: 3, text: "Accessibility audit passes", checked: false }
-      ],
-      filePath: "backlog/task-004.md",
-      source: "local"
-    },
-    {
-      id: "task-005",
-      title: "Set up CI/CD pipeline",
-      status: "Done",
-      assignee: ["frank@example.com"],
-      createdDate: "2025-11-05T08:30:00Z",
-      updatedDate: "2025-11-10T17:00:00Z",
-      labels: ["devops", "automation"],
-      dependencies: [],
-      description: "Configure GitHub Actions for automated testing, building, and deployment.",
-      priority: "medium",
-      ordinal: 1,
-      filePath: "backlog/task-005.md",
-      source: "completed"
-    },
-    {
-      id: "task-006",
-      title: "Write unit tests",
-      status: "Done",
-      assignee: ["grace@example.com"],
-      createdDate: "2025-11-06T10:00:00Z",
-      updatedDate: "2025-11-12T14:30:00Z",
-      labels: ["testing", "quality"],
-      dependencies: ["task-003"],
-      description: "Add comprehensive unit tests for all API endpoints and utility functions. Aim for 80%+ coverage.",
-      priority: "medium",
-      ordinal: 2,
-      filePath: "backlog/task-006.md",
-      source: "completed"
-    },
-    {
-      id: "task-007",
-      title: "Optimize database queries",
-      status: "To Do",
-      assignee: ["henry@example.com"],
-      createdDate: "2025-11-07T15:20:00Z",
-      labels: ["performance", "database"],
-      dependencies: ["task-002", "task-003"],
-      description: "Profile and optimize slow database queries. Add indexes where needed.",
-      priority: "low",
-      ordinal: 3,
-      filePath: "backlog/task-007.md",
-      source: "local"
-    },
-    {
-      id: "task-008",
-      title: "Implement real-time notifications",
-      status: "To Do",
-      assignee: [],
-      createdDate: "2025-11-08T09:45:00Z",
-      labels: ["feature", "realtime"],
-      dependencies: ["task-003"],
-      description: "Add WebSocket support for real-time notifications when tasks are updated or assigned.",
-      priority: "low",
-      ordinal: 4,
-      filePath: "backlog/task-008.md",
-      source: "local"
-    }
-  ];
+class BacklogAdapterError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "BacklogAdapterError";
+  }
+}
+function parseYaml(yamlString) {
+  const lines = yamlString.split("\n");
+  const result = {};
+  let currentKey = "";
+  let isArray = false;
+  let arrayItems = [];
+  for (const line of lines) {
+    const trimmed = line.trim();
+    if (!trimmed || trimmed.startsWith("#")) {
+      continue;
+    }
+    if (trimmed.startsWith("- ")) {
+      if (isArray) {
+        const value = trimmed.slice(2).trim();
+        arrayItems.push(value.replace(/^["']|["']$/g, ""));
+      }
+      continue;
+    }
+    if (isArray && !trimmed.startsWith("- ")) {
+      result[currentKey] = arrayItems;
+      isArray = false;
+      arrayItems = [];
+      currentKey = "";
+    }
+    const colonIndex = trimmed.indexOf(":");
+    if (colonIndex > 0) {
+      const key = trimmed.slice(0, colonIndex).trim();
+      const valueStr = trimmed.slice(colonIndex + 1).trim();
+      if (valueStr === "" || valueStr === "[]") {
+        currentKey = key;
+        if (valueStr === "[]") {
+          result[key] = [];
+        } else {
+          isArray = true;
+          arrayItems = [];
+        }
+        continue;
+      }
+      result[key] = parseYamlValue(valueStr);
+    }
+  }
+  if (isArray && arrayItems.length > 0) {
+    result[currentKey] = arrayItems;
+  }
+  return result;
 }
-function getDefaultStatuses() {
-  return ["To Do", "In Progress", "Done"];
+function parseYamlValue(value) {
+  const unquoted = value.replace(/^["']|["']$/g, "");
+  if (unquoted === "true") return true;
+  if (unquoted === "false") return false;
+  if (unquoted === "null" || unquoted === "~") return null;
+  if (/^-?\d+\.?\d*$/.test(unquoted)) {
+    return Number(unquoted);
+  }
+  return unquoted;
 }
-function useKanbanData() {
-  const [tasks, setTasks] = useState(() => generateMockTasks());
-  const [statuses] = useState(() => getDefaultStatuses());
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const tasksByStatus = useMemo(() => {
+function parseBacklogConfig(content) {
+  const parsed = parseYaml(content);
+  if (!parsed.project_name || typeof parsed.project_name !== "string") {
+    throw new BacklogAdapterError(
+      "Invalid config.yml: missing or invalid project_name"
+    );
+  }
+  if (!parsed.statuses || !Array.isArray(parsed.statuses)) {
+    throw new BacklogAdapterError(
+      "Invalid config.yml: missing or invalid statuses array"
+    );
+  }
+  return {
+    project_name: parsed.project_name,
+    default_status: parsed.default_status || "To Do",
+    statuses: parsed.statuses,
+    labels: parsed.labels || [],
+    milestones: parsed.milestones || [],
+    date_format: parsed.date_format || "yyyy-mm-dd hh:mm",
+    default_editor: parsed.default_editor,
+    auto_commit: parsed.auto_commit,
+    zero_padded_ids: parsed.zero_padded_ids
+  };
+}
+function parseTaskFile(content, filepath) {
+  const frontmatterMatch = content.match(/^---\n([\s\S]*?)\n---/);
+  if (!frontmatterMatch) {
+    throw new BacklogAdapterError(
+      `Invalid task file: ${filepath} - missing YAML frontmatter`
+    );
+  }
+  const parsed = parseYaml(frontmatterMatch[1]);
+  const metadata = validateTaskMetadata(parsed, filepath);
+  const body = content.slice(frontmatterMatch[0].length).trim();
+  const description = extractSection(body, "Description");
+  const acceptanceCriteria = extractAcceptanceCriteria(body);
+  const implementationPlan = extractSection(body, "Implementation Plan");
+  const notes = extractSection(body, "Implementation Notes");
+  return {
+    ...metadata,
+    // Normalize field names to match existing backlog-types
+    createdDate: metadata.created_date,
+    updatedDate: metadata.updated_date,
+    parentTaskId: metadata.parent,
+    // Content fields
+    body,
+    rawContent: body,
+    description,
+    acceptanceCriteriaItems: acceptanceCriteria,
+    implementationPlan,
+    implementationNotes: notes,
+    // Set source based on filepath
+    source: filepath.includes("/completed/") ? "completed" : "local",
+    filePath: filepath
+  };
+}
+function validateTaskMetadata(parsed, filepath) {
+  if (!parsed.id || typeof parsed.id !== "string") {
+    throw new BacklogAdapterError(
+      `Invalid task file: ${filepath} - missing or invalid id`
+    );
+  }
+  if (!parsed.title || typeof parsed.title !== "string") {
+    throw new BacklogAdapterError(
+      `Invalid task file: ${filepath} - missing or invalid title`
+    );
+  }
+  if (!parsed.status || typeof parsed.status !== "string") {
+    throw new BacklogAdapterError(
+      `Invalid task file: ${filepath} - missing or invalid status`
+    );
+  }
+  if (!parsed.created_date || typeof parsed.created_date !== "string") {
+    throw new BacklogAdapterError(
+      `Invalid task file: ${filepath} - missing or invalid created_date`
+    );
+  }
+  return {
+    id: parsed.id,
+    title: parsed.title,
+    status: parsed.status,
+    created_date: parsed.created_date,
+    assignee: Array.isArray(parsed.assignee) ? parsed.assignee : [],
+    updated_date: parsed.updated_date,
+    labels: Array.isArray(parsed.labels) ? parsed.labels : [],
+    dependencies: Array.isArray(parsed.dependencies) ? parsed.dependencies : [],
+    priority: parsed.priority || void 0,
+    ordinal: parsed.ordinal,
+    parent: parsed.parent
+  };
+}
+function extractSection(body, heading) {
+  const regex = new RegExp(
+    `## ${heading}\\n\\n([\\s\\S]*?)(?=\\n## |$)`,
+    "i"
+  );
+  const match = body.match(regex);
+  return match ? match[1].trim() : void 0;
+}
+function extractAcceptanceCriteria(body) {
+  const acMatch = body.match(
+    /## Acceptance Criteria\n<!-- AC:BEGIN -->\n([\s\S]*?)\n<!-- AC:END -->/
+  );
+  if (!acMatch) {
+    return void 0;
+  }
+  const acSection = acMatch[1];
+  const lines = acSection.split("\n");
+  const criteria = [];
+  for (const line of lines) {
+    const trimmed = line.trim();
+    const match = trimmed.match(/^- \[([ x])\] #(\d+) (.+)$/);
+    if (match) {
+      const [, checked, idStr, text] = match;
+      criteria.push({
+        index: parseInt(idStr, 10),
+        text: text.trim(),
+        checked: checked === "x"
+      });
+    }
+  }
+  return criteria.length > 0 ? criteria : void 0;
+}
+function sortTasks(tasks) {
+  return tasks.sort((a, b) => {
+    if (a.ordinal !== void 0 && b.ordinal !== void 0) {
+      return a.ordinal - b.ordinal;
+    }
+    const priorityOrder = { high: 3, medium: 2, low: 1 };
+    const aPriority = priorityOrder[a.priority || "medium"];
+    const bPriority = priorityOrder[b.priority || "medium"];
+    if (aPriority !== bPriority) {
+      return bPriority - aPriority;
+    }
+    const aDate = new Date(a.created_date).getTime();
+    const bDate = new Date(b.created_date).getTime();
+    return bDate - aDate;
+  });
+}
+class BacklogAdapter {
+  constructor(fileAccess) {
+    this.configCache = null;
+    this.tasksCache = null;
+    this.fileAccess = fileAccess;
+  }
+  /**
+   * Check if the repository is a Backlog.md project
+   */
+  isBacklogProject() {
+    const files = this.fileAccess.listFiles();
+    return files.some((path) => path === "backlog/config.yml");
+  }
+  /**
+   * Get the Backlog.md project configuration
+   */
+  async getConfig() {
+    if (this.configCache) {
+      return this.configCache;
+    }
+    if (!this.isBacklogProject()) {
+      throw new BacklogAdapterError(
+        "Not a Backlog.md project: backlog/config.yml not found"
+      );
+    }
+    try {
+      const content = await this.fileAccess.fetchFile("backlog/config.yml");
+      const config = parseBacklogConfig(content);
+      this.configCache = config;
+      return config;
+    } catch (error) {
+      if (error instanceof BacklogAdapterError) {
+        throw error;
+      }
+      throw new BacklogAdapterError(
+        `Failed to load config: ${error instanceof Error ? error.message : "Unknown error"}`
+      );
+    }
+  }
+  /**
+   * Get the list of status columns from config
+   */
+  async getStatuses() {
+    const config = await this.getConfig();
+    return config.statuses;
+  }
+  /**
+   * Get all tasks from the backlog
+   */
+  async getTasks(includeCompleted = true) {
+    if (this.tasksCache) {
+      return this.tasksCache;
+    }
+    const files = this.fileAccess.listFiles();
+    const taskPaths = this.findTaskFiles(files, includeCompleted);
+    if (taskPaths.length === 0) {
+      return [];
+    }
+    try {
+      const taskPromises = taskPaths.map(async (path) => {
+        try {
+          const content = await this.fileAccess.fetchFile(path);
+          return parseTaskFile(content, path);
+        } catch (error) {
+          console.error(`Failed to parse task file ${path}:`, error);
+          return null;
+        }
+      });
+      const taskResults = await Promise.all(taskPromises);
+      const tasks = taskResults.filter((task) => task !== null);
+      this.tasksCache = tasks;
+      return tasks;
+    } catch (error) {
+      throw new BacklogAdapterError(
+        `Failed to load tasks: ${error instanceof Error ? error.message : "Unknown error"}`
+      );
+    }
+  }
+  /**
+   * Get tasks grouped by status
+   */
+  async getTasksByStatus(includeCompleted = true) {
+    const [config, tasks] = await Promise.all([
+      this.getConfig(),
+      this.getTasks(includeCompleted)
+    ]);
     const grouped = /* @__PURE__ */ new Map();
-    for (const status of statuses) {
+    for (const status of config.statuses) {
       grouped.set(status, []);
     }
     for (const task of tasks) {
-      const statusKey = task.status ?? "";
-      const list = grouped.get(statusKey);
-      if (list) {
-        list.push(task);
+      const statusKey = task.status || config.default_status;
+      const column = grouped.get(statusKey);
+      if (column) {
+        column.push(task);
+      } else {
+        console.warn(
+          `Task ${task.id} has unknown status: ${task.status}. Placing in default status.`
+        );
+        const defaultColumn = grouped.get(config.default_status);
+        if (defaultColumn) {
+          defaultColumn.push(task);
+        }
       }
     }
-    for (const [status, taskList] of grouped.entries()) {
-      taskList.sort((a, b) => {
-        if (a.ordinal !== void 0 && b.ordinal !== void 0) {
-          return a.ordinal - b.ordinal;
+    grouped.forEach((tasks2, status) => {
+      grouped.set(status, sortTasks(tasks2));
+    });
+    return grouped;
+  }
+  /**
+   * Clear all caches (useful for refresh)
+   */
+  clearCache() {
+    this.configCache = null;
+    this.tasksCache = null;
+  }
+  /**
+   * Find all task files in the repository
+   */
+  findTaskFiles(files, includeCompleted) {
+    const taskFiles = [];
+    for (const path of files) {
+      if (path.startsWith("backlog/tasks/") && this.isTaskFile(path)) {
+        taskFiles.push(path);
+        continue;
+      }
+      if (includeCompleted && path.startsWith("backlog/completed/") && this.isTaskFile(path)) {
+        taskFiles.push(path);
+        continue;
+      }
+    }
+    return taskFiles;
+  }
+  /**
+   * Check if a file path is a task file
+   */
+  isTaskFile(path) {
+    if (!path.endsWith(".md")) {
+      return false;
+    }
+    const filename = path.split("/").pop() || "";
+    return /^task-[\d.]+/.test(filename);
+  }
+}
+function createBacklogAdapter(fileAccess) {
+  return new BacklogAdapter(fileAccess);
+}
+function useKanbanData(options) {
+  const { context, actions } = options || {};
+  const [tasks, setTasks] = useState([]);
+  const [statuses, setStatuses] = useState(["To Do", "In Progress", "Done"]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const [isBacklogProject, setIsBacklogProject] = useState(false);
+  const activeFilePathRef = useRef(null);
+  const fetchFileContent = useCallback(
+    async (path) => {
+      if (!actions || !context) {
+        throw new Error("PanelContext not available");
+      }
+      if (activeFilePathRef.current === path) {
+        await new Promise((resolve) => setTimeout(resolve, 100));
+      }
+      activeFilePathRef.current = path;
+      try {
+        if (actions.openFile) {
+          await actions.openFile(path);
+        } else {
+          throw new Error("openFile action not available");
         }
-        const priorityOrder = { high: 3, medium: 2, low: 1 };
-        const aPriority = priorityOrder[a.priority] || 0;
-        const bPriority = priorityOrder[b.priority] || 0;
-        if (aPriority !== bPriority) {
-          return bPriority - aPriority;
+        const activeFileSlice = context.getRepositorySlice("active-file");
+        const fileData = activeFileSlice == null ? void 0 : activeFileSlice.data;
+        if (!(fileData == null ? void 0 : fileData.content)) {
+          throw new Error(`Failed to fetch content for ${path}`);
         }
-        return new Date(b.createdDate).getTime() - new Date(a.createdDate).getTime();
-      });
-      grouped.set(status, taskList);
+        return fileData.content;
+      } finally {
+        activeFilePathRef.current = null;
+      }
+    },
+    [actions, context]
+  );
+  const loadBacklogData = useCallback(async () => {
+    if (!context || !actions) {
+      console.log("[useKanbanData] No context provided");
+      setIsBacklogProject(false);
+      setTasks([]);
+      setStatuses(["To Do", "In Progress", "Done"]);
+      setIsLoading(false);
+      return;
     }
-    return grouped;
-  }, [tasks, statuses]);
-  const refreshData = useCallback(async () => {
     setIsLoading(true);
     setError(null);
     try {
-      await new Promise((resolve) => setTimeout(resolve, 500));
-      const newTasks = generateMockTasks();
-      setTasks(newTasks);
+      const fileTreeSlice = context.getRepositorySlice("fileTree");
+      if (!(fileTreeSlice == null ? void 0 : fileTreeSlice.data)) {
+        console.log("[useKanbanData] FileTree not available");
+        setIsBacklogProject(false);
+        setTasks([]);
+        setStatuses(["To Do", "In Progress", "Done"]);
+        return;
+      }
+      const files = fileTreeSlice.data.files || [];
+      const filePaths = files.map((f) => f.path);
+      const adapter = createBacklogAdapter({
+        fetchFile: fetchFileContent,
+        listFiles: () => filePaths
+      });
+      if (!adapter.isBacklogProject()) {
+        console.log("[useKanbanData] Not a Backlog.md project");
+        setIsBacklogProject(false);
+        setTasks([]);
+        setStatuses(["To Do", "In Progress", "Done"]);
+        return;
+      }
+      console.log("[useKanbanData] Loading Backlog.md data...");
+      setIsBacklogProject(true);
+      const [loadedStatuses, tasksByStatus2] = await Promise.all([
+        adapter.getStatuses(),
+        adapter.getTasksByStatus(true)
+      ]);
+      const allTasks = [];
+      tasksByStatus2.forEach((tasks2) => {
+        allTasks.push(...tasks2);
+      });
+      console.log(
+        `[useKanbanData] Loaded ${allTasks.length} tasks with ${loadedStatuses.length} statuses`
+      );
+      setStatuses(loadedStatuses);
+      setTasks(allTasks);
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to refresh data");
+      console.error("[useKanbanData] Failed to load Backlog.md data:", err);
+      if (err instanceof BacklogAdapterError) {
+        setError(err.message);
+      } else {
+        setError(
+          err instanceof Error ? err.message : "Failed to load backlog data"
+        );
+      }
+      setIsBacklogProject(false);
+      setTasks([]);
+      setStatuses(["To Do", "In Progress", "Done"]);
     } finally {
       setIsLoading(false);
     }
-  }, []);
-  const updateTaskStatus = useCallback(async (taskId, newStatus) => {
-    setError(null);
-    setTasks(
-      (prevTasks) => prevTasks.map(
-        (task) => task.id === taskId ? { ...task, status: newStatus, updatedDate: (/* @__PURE__ */ new Date()).toISOString() } : task
-      )
-    );
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 300));
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to update task");
-      setTasks(generateMockTasks());
+  }, [context, actions, fetchFileContent]);
+  useEffect(() => {
+    loadBacklogData();
+  }, [loadBacklogData]);
+  const tasksByStatus = useMemo(() => {
+    const grouped = /* @__PURE__ */ new Map();
+    for (const status of statuses) {
+      grouped.set(status, []);
+    }
+    for (const task of tasks) {
+      const statusKey = task.status ?? "";
+      const list = grouped.get(statusKey);
+      if (list) {
+        list.push(task);
+      }
     }
-  }, []);
+    return grouped;
+  }, [tasks, statuses]);
+  const refreshData = useCallback(async () => {
+    await loadBacklogData();
+  }, [loadBacklogData]);
+  const updateTaskStatus = useCallback(
+    async (taskId, newStatus) => {
+      setError(null);
+      console.warn(
+        "[useKanbanData] Task status updates not yet implemented for Backlog.md"
+      );
+      setError("Task editing is not yet supported");
+    },
+    []
+  );
   return {
     tasks,
     statuses,
     isLoading,
     error,
+    isBacklogProject,
     tasksByStatus,
     refreshData,
     updateTaskStatus
@@ -767,8 +1078,141 @@ const KanbanColumn = ({
     }
   );
 };
+const EmptyState = ({
+  message = "No Backlog.md project detected",
+  description = "This repository does not appear to use Backlog.md for task management.",
+  showBacklogLink = true
+}) => {
+  const { theme: theme2 } = useTheme();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100%",
+        padding: "48px 24px",
+        textAlign: "center",
+        color: theme2.colors.textMuted
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          FileText,
+          {
+            size: 64,
+            color: theme2.colors.textMuted,
+            style: { marginBottom: "24px", opacity: 0.5 }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "h3",
+          {
+            style: {
+              fontSize: theme2.fontSizes[4],
+              fontWeight: 600,
+              color: theme2.colors.text,
+              marginBottom: "12px"
+            },
+            children: message
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              fontSize: theme2.fontSizes[2],
+              color: theme2.colors.textMuted,
+              marginBottom: "32px",
+              maxWidth: "480px",
+              lineHeight: 1.6
+            },
+            children: description
+          }
+        ),
+        showBacklogLink && /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: "https://github.com/MrLesk/Backlog.md",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: {
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "8px",
+              padding: "12px 24px",
+              backgroundColor: theme2.colors.primary,
+              color: "#fff",
+              borderRadius: theme2.radii[2],
+              textDecoration: "none",
+              fontSize: theme2.fontSizes[2],
+              fontWeight: 500,
+              transition: "opacity 0.2s"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.opacity = "0.9";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.opacity = "1";
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "Learn about Backlog.md" }),
+              /* @__PURE__ */ jsx(ExternalLink, { size: 16 })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              marginTop: "48px",
+              padding: "16px",
+              backgroundColor: `${theme2.colors.primary}10`,
+              borderRadius: theme2.radii[2],
+              maxWidth: "560px"
+            },
+            children: /* @__PURE__ */ jsxs(
+              "p",
+              {
+                style: {
+                  fontSize: theme2.fontSizes[1],
+                  color: theme2.colors.textSecondary,
+                  margin: 0,
+                  lineHeight: 1.5
+                },
+                children: [
+                  /* @__PURE__ */ jsx("strong", { style: { color: theme2.colors.text }, children: "Want to use this panel?" }),
+                  " ",
+                  "Initialize Backlog.md in your repository by running",
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    "code",
+                    {
+                      style: {
+                        padding: "2px 6px",
+                        backgroundColor: theme2.colors.surface,
+                        borderRadius: "4px",
+                        fontFamily: theme2.fonts.monospace,
+                        fontSize: "0.9em"
+                      },
+                      children: "backlog init"
+                    }
+                  ),
+                  " ",
+                  "in your project directory."
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
 const KanbanPanelContent = ({
-  context
+  context,
+  actions
 }) => {
   const { theme: theme2 } = useTheme();
   const [_selectedTask, setSelectedTask] = useState(null);
@@ -777,8 +1221,9 @@ const KanbanPanelContent = ({
     tasksByStatus,
     isLoading,
     error,
+    isBacklogProject,
     refreshData
-  } = useKanbanData();
+  } = useKanbanData({ context, actions });
   const handleTaskClick = (task) => {
     setSelectedTask(task);
   };
@@ -867,7 +1312,7 @@ const KanbanPanelContent = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        !isBacklogProject ? /* @__PURE__ */ jsx(EmptyState, {}) : /* @__PURE__ */ jsx(
           "div",
           {
             style: {