opencode-backlog 0.1.5 → 0.2.0

package/dist/tui.js

@@ -10,13 +10,11 @@ import { randomUUID } from "node:crypto";
 import { watch } from "node:fs";
 import { join } from "node:path";
 import { Plugin } from "@opencode-ai/plugin/tui";
-import { createMemo, createSignal, For, onCleanup, Show } from "solid-js";
-import { BACKLOG_FILE, EMPTY_BACKLOG, STATUSES, moveItem } from "./backlog.js";
+import { createMemo, createSignal, For, onCleanup, onMount, Show } from "solid-js";
+import { addCategory, BACKLOG_FILE, EMPTY_BACKLOG, moveItem, moveCategory, purgeCategory, removeCategory, renameCategory } from "./backlog.js";
 import { readBacklog, readBacklogSync, updateBacklog } from "./store.js";
-function statusLabel(status) {
-  if (status === "todo") return "Todo";
-  if (status === "doing") return "Doing";
-  return "Done";
+function categoryTitle(categories, status) {
+  return categories.find(category => category.id === status)?.title ?? status;
 }
 function readSnapshot(directory) {
   try {
@@ -48,11 +46,6 @@ function BacklogView(props) {
     clearTimeout(refresh);
     watcher.close();
   });
-  const color = status => {
-    if (status === "doing") return theme.text.feedback.warning.default;
-    if (status === "done") return theme.text.feedback.success.default;
-    return theme.text.subdued;
-  };
   return (() => {
     var _el$ = _$createElement("box"),
       _el$2 = _$createElement("text"),
@@ -83,71 +76,189 @@ function BacklogView(props) {
       }
     }), null);
     _$insert(_el$, _$createComponent(For, {
-      each: STATUSES,
-      children: status => {
-        const items = createMemo(() => backlog().items.filter(item => item.status === status));
-        return _$createComponent(Show, {
-          get when() {
-            return items().length > 0;
-          },
-          get children() {
-            var _el$8 = _$createElement("box"),
-              _el$9 = _$createElement("text"),
-              _el$0 = _$createElement("b"),
-              _el$1 = _$createTextNode(` (`),
-              _el$10 = _$createTextNode(`)`);
-            _$insertNode(_el$8, _el$9);
-            _$setProp(_el$8, "marginTop", 1);
-            _$insertNode(_el$9, _el$0);
-            _$insertNode(_el$9, _el$1);
-            _$insertNode(_el$9, _el$10);
-            _$insert(_el$0, () => statusLabel(status));
-            _$insert(_el$9, () => items().length, _el$10);
-            _$insert(_el$8, _$createComponent(For, {
-              get each() {
-                return items();
-              },
-              children: item => (() => {
-                var _el$11 = _$createElement("box"),
-                  _el$12 = _$createElement("text"),
-                  _el$13 = _$createElement("text");
-                _$insertNode(_el$11, _el$12);
-                _$insertNode(_el$11, _el$13);
-                _$setProp(_el$11, "flexDirection", "row");
-                _$setProp(_el$11, "gap", 1);
-                _$setProp(_el$11, "minWidth", 0);
-                _$setProp(_el$12, "flexShrink", 0);
-                _$insert(_el$12, status === "done" ? "✓" : status === "doing" ? "●" : "○");
-                _$setProp(_el$13, "wrapMode", "none");
-                _$setProp(_el$13, "truncate", true);
-                _$setProp(_el$13, "flexGrow", 1);
-                _$setProp(_el$13, "minWidth", 0);
-                _$insert(_el$13, () => item.title);
-                _$effect(_p$ => {
-                  var _v$ = color(status),
-                    _v$2 = theme.text.default;
-                  _v$ !== _p$.e && (_p$.e = _$setProp(_el$12, "fg", _v$, _p$.e));
-                  _v$2 !== _p$.t && (_p$.t = _$setProp(_el$13, "fg", _v$2, _p$.t));
-                  return _p$;
-                }, {
-                  e: undefined,
-                  t: undefined
-                });
-                return _el$11;
-              })()
-            }), null);
-            _$effect(_$p => _$setProp(_el$9, "fg", color(status), _$p));
-            return _el$8;
-          }
-        });
+      get each() {
+        return backlog().categories;
+      },
+      children: category => {
+        const items = createMemo(() => backlog().items.filter(item => item.status === category.id));
+        return (() => {
+          var _el$8 = _$createElement("box"),
+            _el$9 = _$createElement("text"),
+            _el$0 = _$createElement("b"),
+            _el$1 = _$createTextNode(` (`),
+            _el$10 = _$createTextNode(`)`);
+          _$insertNode(_el$8, _el$9);
+          _$setProp(_el$8, "marginTop", 1);
+          _$insertNode(_el$9, _el$0);
+          _$insertNode(_el$9, _el$1);
+          _$insertNode(_el$9, _el$10);
+          _$insert(_el$0, () => category.title);
+          _$insert(_el$9, () => items().length, _el$10);
+          _$insert(_el$8, _$createComponent(For, {
+            get each() {
+              return items();
+            },
+            children: item => (() => {
+              var _el$11 = _$createElement("box"),
+                _el$12 = _$createElement("text");
+              _$insertNode(_el$11, _el$12);
+              _$setProp(_el$11, "minWidth", 0);
+              _$setProp(_el$11, "onMouseUp", () => void showTaskDetails(props.context, item, backlog().categories));
+              _$setProp(_el$12, "wrapMode", "none");
+              _$setProp(_el$12, "truncate", true);
+              _$setProp(_el$12, "flexGrow", 1);
+              _$setProp(_el$12, "minWidth", 0);
+              _$insert(_el$12, () => item.title);
+              _$effect(_$p => _$setProp(_el$12, "fg", theme.text.default, _$p));
+              return _el$11;
+            })()
+          }), null);
+          _$effect(_$p => _$setProp(_el$9, "fg", theme.text.subdued, _$p));
+          return _el$8;
+        })();
       }
     }), null);
     _$effect(_$p => _$setProp(_el$2, "fg", theme.text.default, _$p));
     return _el$;
   })();
 }
-function taskDetails(item) {
-  return [`Status: ${statusLabel(item.status)}`, `ID: ${item.id}`, "", item.notes ?? "No notes"].join("\n");
+function taskDetails(item, categories) {
+  return [`Category: ${categoryTitle(categories, item.status)}`, `ID: ${item.id}`, "", item.notes ?? "No notes"].join("\n");
+}
+function TaskAction(props) {
+  return (() => {
+    var _el$13 = _$createElement("text"),
+      _el$14 = _$createElement("b"),
+      _el$15 = _$createTextNode(` `);
+    _$insertNode(_el$13, _el$14);
+    _$insertNode(_el$13, _el$15);
+    _$insert(_el$14, () => props.shortcut);
+    _$insert(_el$13, () => props.label, null);
+    _$effect(_p$ => {
+      var _v$ = props.danger ? props.context.theme.text.feedback.error.default : props.context.theme.text.subdued,
+        _v$2 = props.run;
+      _v$ !== _p$.e && (_p$.e = _$setProp(_el$13, "fg", _v$, _p$.e));
+      _v$2 !== _p$.t && (_p$.t = _$setProp(_el$13, "onMouseUp", _v$2, _p$.t));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined
+    });
+    return _el$13;
+  })();
+}
+function TaskDetailsDialog(props) {
+  const run = operation => {
+    props.context.ui.dialog.clear();
+    void operation().catch(cause => props.context.ui.toast.show({
+      message: cause instanceof Error ? cause.message : String(cause),
+      variant: "error"
+    }));
+  };
+  const changeStatus = () => run(() => changeTaskStatus(props.context, props.item));
+  const edit = () => run(() => editBacklogItem(props.context, props.item));
+  const remove = () => run(() => removeBacklogItem(props.context, props.item));
+  onMount(() => props.context.ui.dialog.set({
+    size: "medium"
+  }));
+  props.context.keymap.layer(() => ({
+    mode: "modal",
+    priority: 100,
+    commands: [{
+      bind: "c",
+      title: "Change backlog task status",
+      group: "Backlog",
+      run: changeStatus
+    }, {
+      bind: "e",
+      title: "Edit backlog task",
+      group: "Backlog",
+      run: edit
+    }, {
+      bind: "d",
+      title: "Delete backlog task",
+      group: "Backlog",
+      run: remove
+    }]
+  }));
+  return (() => {
+    var _el$16 = _$createElement("box"),
+      _el$17 = _$createElement("box"),
+      _el$18 = _$createElement("text"),
+      _el$19 = _$createElement("b"),
+      _el$20 = _$createElement("text"),
+      _el$22 = _$createElement("text"),
+      _el$23 = _$createElement("box");
+    _$insertNode(_el$16, _el$17);
+    _$insertNode(_el$16, _el$22);
+    _$insertNode(_el$16, _el$23);
+    _$setProp(_el$16, "paddingLeft", 2);
+    _$setProp(_el$16, "paddingRight", 2);
+    _$setProp(_el$16, "gap", 1);
+    _$insertNode(_el$17, _el$18);
+    _$insertNode(_el$17, _el$20);
+    _$setProp(_el$17, "flexDirection", "row");
+    _$setProp(_el$17, "justifyContent", "space-between");
+    _$setProp(_el$17, "gap", 2);
+    _$insertNode(_el$18, _el$19);
+    _$setProp(_el$18, "wrapMode", "word");
+    _$setProp(_el$18, "flexGrow", 1);
+    _$insert(_el$19, () => props.item.title);
+    _$insertNode(_el$20, _$createTextNode(`esc`));
+    _$setProp(_el$20, "onMouseUp", () => props.context.ui.dialog.clear());
+    _$setProp(_el$22, "wrapMode", "word");
+    _$insert(_el$22, () => taskDetails(props.item, props.categories));
+    _$setProp(_el$23, "flexDirection", "row");
+    _$setProp(_el$23, "justifyContent", "flex-end");
+    _$setProp(_el$23, "gap", 2);
+    _$setProp(_el$23, "paddingBottom", 1);
+    _$insert(_el$23, _$createComponent(TaskAction, {
+      get context() {
+        return props.context;
+      },
+      shortcut: "c",
+      label: "status",
+      run: changeStatus
+    }), null);
+    _$insert(_el$23, _$createComponent(TaskAction, {
+      get context() {
+        return props.context;
+      },
+      shortcut: "e",
+      label: "edit",
+      run: edit
+    }), null);
+    _$insert(_el$23, _$createComponent(TaskAction, {
+      get context() {
+        return props.context;
+      },
+      shortcut: "d",
+      label: "delete",
+      danger: true,
+      run: remove
+    }), null);
+    _$effect(_p$ => {
+      var _v$3 = props.context.theme.text.default,
+        _v$4 = props.context.theme.text.subdued,
+        _v$5 = props.context.theme.text.subdued;
+      _v$3 !== _p$.e && (_p$.e = _$setProp(_el$18, "fg", _v$3, _p$.e));
+      _v$4 !== _p$.t && (_p$.t = _$setProp(_el$20, "fg", _v$4, _p$.t));
+      _v$5 !== _p$.a && (_p$.a = _$setProp(_el$22, "fg", _v$5, _p$.a));
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$16;
+  })();
+}
+function showTaskDetails(context, item, categories) {
+  context.ui.dialog.show(() => _$createComponent(TaskDetailsDialog, {
+    context: context,
+    item: item,
+    categories: categories
+  }));
 }
 async function browseBacklog(context) {
   return browseBacklogWithState(context, () => {});
@@ -162,6 +273,9 @@ function backlogLocation(context) {
   };
 }
 async function addBacklogItem(context) {
+  const {
+    path
+  } = backlogLocation(context);
   const title = await context.ui.dialog.prompt({
     title: "New backlog task",
     placeholder: "Task title"
@@ -173,23 +287,303 @@ async function addBacklogItem(context) {
     placeholder: "Leave empty for no notes"
   });
   if (notes === undefined) return;
-  const item = {
-    id: randomUUID(),
+  let item;
+  await updateBacklog(path, current => {
+    const firstCategory = current.categories[0];
+    if (!firstCategory) throw new Error("Add a backlog category before adding a task");
+    item = {
+      id: randomUUID(),
+      title: title.trim(),
+      ...(notes.trim() ? {
+        notes: notes.trim()
+      } : {}),
+      status: firstCategory.id
+    };
+    return {
+      ...current,
+      items: moveItem([...current.items, item], item.id, firstCategory.id, 0, current.categories)
+    };
+  });
+  if (!item) throw new Error("Backlog update did not add a task");
+  context.ui.toast.show({
+    message: `Added "${item.title}".`,
+    variant: "success"
+  });
+}
+async function changeTaskStatus(context, item) {
+  const {
+    path
+  } = backlogLocation(context);
+  const backlog = await readBacklog(path);
+  const status = await context.ui.dialog.select({
+    title: `Change category: ${item.title}`,
+    current: item.status,
+    options: backlog.categories.map(category => ({
+      title: category.title,
+      value: category.id,
+      ...(category.id === item.status ? {
+        description: "Current category"
+      } : {})
+    }))
+  });
+  if (!status || status === item.status) return;
+  await updateBacklog(path, current => ({
+    ...current,
+    items: moveItem(current.items, item.id, status, undefined, current.categories)
+  }));
+  context.ui.toast.show({
+    message: `Moved "${item.title}" to ${categoryTitle(backlog.categories, status)}.`,
+    variant: "success"
+  });
+}
+async function editBacklogItem(context, item) {
+  const title = await context.ui.dialog.prompt({
+    title: "Edit backlog task",
+    placeholder: "Task title",
+    value: item.title
+  });
+  if (!title?.trim()) return;
+  const notes = await context.ui.dialog.prompt({
     title: title.trim(),
-    ...(notes.trim() ? {
-      notes: notes.trim()
-    } : {}),
-    status: "todo"
-  };
+    description: "Optional notes",
+    placeholder: "Leave empty for no notes",
+    value: item.notes ?? ""
+  });
+  if (notes === undefined) return;
   const {
     path
   } = backlogLocation(context);
   await updateBacklog(path, current => ({
-    version: 1,
-    items: moveItem([...current.items, item], item.id, "todo", 0)
+    ...current,
+    items: current.items.map(candidate => {
+      if (candidate.id !== item.id) return candidate;
+      return {
+        id: candidate.id,
+        title: title.trim(),
+        status: candidate.status,
+        ...(notes.trim() ? {
+          notes: notes.trim()
+        } : {})
+      };
+    })
   }));
   context.ui.toast.show({
-    message: `Added "${item.title}".`,
+    message: `Updated "${title.trim()}".`,
+    variant: "success"
+  });
+}
+async function removeBacklogItem(context, item) {
+  const confirmed = await context.ui.dialog.confirm({
+    title: "Delete backlog task",
+    message: item.title,
+    label: {
+      confirm: "Delete",
+      cancel: "Cancel"
+    }
+  });
+  if (!confirmed) return;
+  const {
+    path
+  } = backlogLocation(context);
+  await updateBacklog(path, current => ({
+    ...current,
+    items: current.items.filter(candidate => candidate.id !== item.id)
+  }));
+  context.ui.toast.show({
+    message: `Deleted "${item.title}".`,
+    variant: "success"
+  });
+}
+async function purgeConfirmedCategory(path, status, confirmedIDs) {
+  await updateBacklog(path, current => {
+    const currentIDs = current.items.filter(item => item.status === status).map(item => item.id);
+    const changed = currentIDs.length !== confirmedIDs.length || currentIDs.some(id => !confirmedIDs.includes(id));
+    if (changed) throw new Error("The category changed. Review its tasks and confirm the purge again.");
+    return purgeCategory(current, status);
+  });
+}
+async function purgeBacklogCategory(context) {
+  const {
+    path
+  } = backlogLocation(context);
+  const backlog = await readBacklog(path);
+  const status = await context.ui.dialog.select({
+    title: "Purge backlog category",
+    placeholder: "Select a category",
+    options: backlog.categories.map(category => {
+      const count = backlog.items.filter(item => item.status === category.id).length;
+      return {
+        title: category.title,
+        value: category.id,
+        description: `${count} ${count === 1 ? "task" : "tasks"}`
+      };
+    })
+  });
+  if (!status) return;
+  const category = backlog.categories.find(candidate => candidate.id === status);
+  if (!category) return;
+  const taskIDs = backlog.items.filter(item => item.status === status).map(item => item.id);
+  const count = taskIDs.length;
+  const confirmed = await context.ui.dialog.confirm({
+    title: `Purge ${category.title}`,
+    message: `Permanently delete ${count} ${count === 1 ? "task" : "tasks"} from this category?`,
+    label: {
+      confirm: "Purge",
+      cancel: "Cancel"
+    }
+  });
+  if (!confirmed) return;
+  await purgeConfirmedCategory(path, status, taskIDs);
+  context.ui.toast.show({
+    message: `Purged ${count} ${count === 1 ? "task" : "tasks"} from ${category.title}.`,
+    variant: "success"
+  });
+}
+async function addBacklogCategory(context) {
+  const title = await context.ui.dialog.prompt({
+    title: "New backlog category",
+    placeholder: "Category title"
+  });
+  if (!title?.trim()) return;
+  const suggestedID = title.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+  const id = await context.ui.dialog.prompt({
+    title: title.trim(),
+    description: "Stable category ID",
+    placeholder: "Category ID",
+    value: suggestedID
+  });
+  if (!id?.trim()) return;
+  const category = {
+    id: id.trim(),
+    title: title.trim()
+  };
+  const {
+    path
+  } = backlogLocation(context);
+  await updateBacklog(path, current => addCategory(current, category));
+  context.ui.toast.show({
+    message: `Added category "${category.title}".`,
+    variant: "success"
+  });
+}
+async function renameBacklogCategory(context, category) {
+  const title = await context.ui.dialog.prompt({
+    title: "Rename backlog category",
+    placeholder: "Category title",
+    value: category.title
+  });
+  if (!title?.trim() || title.trim() === category.title) return;
+  const {
+    path
+  } = backlogLocation(context);
+  await updateBacklog(path, current => renameCategory(current, category.id, title.trim()));
+  context.ui.toast.show({
+    message: `Renamed category to "${title.trim()}".`,
+    variant: "success"
+  });
+}
+async function moveBacklogCategory(context, category) {
+  const {
+    path
+  } = backlogLocation(context);
+  const backlog = await readBacklog(path);
+  const position = await context.ui.dialog.select({
+    title: `Move ${category.title}`,
+    placeholder: "Select a position",
+    options: backlog.categories.map((candidate, index) => ({
+      title: `${index + 1}. ${candidate.title}`,
+      value: index,
+      ...(candidate.id === category.id ? {
+        description: "Current position"
+      } : {})
+    }))
+  });
+  if (position === undefined || backlog.categories[position]?.id === category.id) return;
+  await updateBacklog(path, current => moveCategory(current, category.id, position));
+  context.ui.toast.show({
+    message: `Moved category "${category.title}".`,
+    variant: "success"
+  });
+}
+async function deleteBacklogCategory(context, category) {
+  const confirmed = await context.ui.dialog.confirm({
+    title: "Delete backlog category",
+    message: category.title,
+    label: {
+      confirm: "Delete",
+      cancel: "Cancel"
+    }
+  });
+  if (!confirmed) return;
+  const {
+    path
+  } = backlogLocation(context);
+  await updateBacklog(path, current => removeCategory(current, category.id));
+  context.ui.toast.show({
+    message: `Deleted category "${category.title}".`,
+    variant: "success"
+  });
+}
+async function manageBacklogCategories(context) {
+  const {
+    path
+  } = backlogLocation(context);
+  const backlog = await readBacklog(path);
+  let addSelection = `__add:${randomUUID()}`;
+  while (backlog.categories.some(category => category.id === addSelection)) {
+    addSelection = `__add:${randomUUID()}`;
+  }
+  const selection = await context.ui.dialog.select({
+    title: "Backlog categories",
+    placeholder: "Add or select a category",
+    options: [{
+      title: "Add category",
+      value: addSelection
+    }, ...backlog.categories.map(category => ({
+      title: category.title,
+      value: category.id,
+      description: `${category.id} - ${backlog.items.filter(item => item.status === category.id).length} tasks`
+    }))]
+  });
+  if (!selection) return;
+  if (selection === addSelection) return addBacklogCategory(context);
+  const category = backlog.categories.find(candidate => candidate.id === selection);
+  if (!category) return;
+  const taskIDs = backlog.items.filter(item => item.status === category.id).map(item => item.id);
+  const count = taskIDs.length;
+  const action = await context.ui.dialog.select({
+    title: category.title,
+    placeholder: "Select an action",
+    options: [{
+      title: "Rename",
+      value: "rename"
+    }, {
+      title: "Move",
+      value: "move"
+    }, ...(count === 0 ? [{
+      title: "Delete empty category",
+      value: "delete"
+    }] : [{
+      title: `Purge category and ${count} ${count === 1 ? "task" : "tasks"}`,
+      value: "purge"
+    }])]
+  });
+  if (action === "rename") return renameBacklogCategory(context, category);
+  if (action === "move") return moveBacklogCategory(context, category);
+  if (action === "delete") return deleteBacklogCategory(context, category);
+  if (action !== "purge") return;
+  const confirmed = await context.ui.dialog.confirm({
+    title: `Purge ${category.title}`,
+    message: `Permanently delete ${count} ${count === 1 ? "task" : "tasks"} from this category?`,
+    label: {
+      confirm: "Purge",
+      cancel: "Cancel"
+    }
+  });
+  if (!confirmed) return;
+  await purgeConfirmedCategory(path, category.id, taskIDs);
+  context.ui.toast.show({
+    message: `Purged category "${category.title}".`,
     variant: "success"
   });
 }
@@ -214,34 +608,15 @@ async function moveBacklogItem(context) {
       ...(item.notes === undefined ? {} : {
         description: item.notes
       }),
-      category: statusLabel(item.status)
+      category: categoryTitle(backlog.categories, item.status)
     }))
   });
   if (!id) return;
   const item = backlog.items.find(candidate => candidate.id === id);
   if (!item) return;
-  const status = await context.ui.dialog.select({
-    title: `Change status: ${item.title}`,
-    current: item.status,
-    options: STATUSES.map(candidate => ({
-      title: statusLabel(candidate),
-      value: candidate,
-      ...(candidate === item.status ? {
-        description: "Current status"
-      } : {})
-    }))
-  });
-  if (!status || status === item.status) return;
-  await updateBacklog(path, current => ({
-    version: 1,
-    items: moveItem(current.items, item.id, status, undefined)
-  }));
-  context.ui.toast.show({
-    message: `Moved "${item.title}" to ${statusLabel(status)}.`,
-    variant: "success"
-  });
+  await changeTaskStatus(context, item);
 }
-async function browseBacklogWithState(context, setOpen) {
+async function browseBacklogWithState(context, setOpen, action = () => "details") {
   const {
     path
   } = backlogLocation(context);
@@ -255,7 +630,7 @@ async function browseBacklogWithState(context, setOpen) {
   }
   setOpen(true);
   const id = await context.ui.dialog.select({
-    title: "Backlog (n: new task)",
+    title: "Backlog",
     placeholder: "Select a task",
     options: backlog.items.map(item => ({
       title: item.title,
@@ -263,19 +638,21 @@ async function browseBacklogWithState(context, setOpen) {
       ...(item.notes === undefined ? {} : {
         description: item.notes
       }),
-      category: statusLabel(item.status)
+      category: categoryTitle(backlog.categories, item.status)
     }))
   }).finally(() => setOpen(false));
   if (!id) return;
   const item = backlog.items.find(candidate => candidate.id === id);
   if (!item) return;
-  await context.ui.dialog.alert({
-    title: item.title,
-    message: taskDetails(item)
-  });
+  const selectedAction = action();
+  if (selectedAction === "status") return changeTaskStatus(context, item);
+  if (selectedAction === "edit") return editBacklogItem(context, item);
+  if (selectedAction === "delete") return removeBacklogItem(context, item);
+  showTaskDetails(context, item, backlog.categories);
 }
 function Commands(props) {
   const [browseOpen, setBrowseOpen] = createSignal(false);
+  const [browseAction, setBrowseAction] = createSignal("details");
   const run = async operation => {
     try {
       await operation();
@@ -291,18 +668,21 @@ function Commands(props) {
     commands: [{
       id: "backlog.browse",
       title: "Browse backlog",
-      description: "View backlog tasks and change their status",
+      description: "View backlog tasks and change their category",
       group: "Backlog",
       palette: true,
       slash: {
         name: "backlog",
         aliases: ["tasks"]
       },
-      run: () => run(() => browseBacklogWithState(props.context, setBrowseOpen))
+      run: () => {
+        setBrowseAction("details");
+        return run(() => browseBacklogWithState(props.context, setBrowseOpen, browseAction));
+      }
     }, {
       id: "backlog.add",
       title: "Add backlog task",
-      description: "Create a Todo task at the top of the backlog",
+      description: "Create a task at the top of the first category",
       group: "Backlog",
       palette: true,
       slash: {
@@ -313,7 +693,7 @@ function Commands(props) {
     }, {
       id: "backlog.move",
       title: "Move backlog task",
-      description: "Change a backlog task state",
+      description: "Change a backlog task category",
       group: "Backlog",
       palette: true,
       slash: {
@@ -321,6 +701,26 @@ function Commands(props) {
         aliases: ["task-move"]
       },
       run: () => run(() => moveBacklogItem(props.context))
+    }, {
+      id: "backlog.purge",
+      title: "Purge backlog category",
+      description: "Permanently delete every task in a category",
+      group: "Backlog",
+      palette: true,
+      slash: {
+        name: "backlog-purge"
+      },
+      run: () => run(() => purgeBacklogCategory(props.context))
+    }, {
+      id: "backlog.categories",
+      title: "Manage backlog categories",
+      description: "Add, rename, move, purge, or delete a category",
+      group: "Backlog",
+      palette: true,
+      slash: {
+        name: "backlog-categories"
+      },
+      run: () => run(() => manageBacklogCategories(props.context))
     }]
   }));
   props.context.keymap.layer(() => ({
@@ -335,6 +735,38 @@ function Commands(props) {
         setBrowseOpen(false);
         return run(() => addBacklogItem(props.context));
       }
+    }, {
+      bind: "p",
+      title: "Purge backlog category",
+      group: "Backlog",
+      run() {
+        setBrowseOpen(false);
+        return run(() => purgeBacklogCategory(props.context));
+      }
+    }, {
+      bind: "c",
+      title: "Change selected task category",
+      group: "Backlog",
+      run() {
+        setBrowseAction("status");
+        props.context.keymap.dispatch("dialog.select.submit");
+      }
+    }, {
+      bind: "d",
+      title: "Delete selected task",
+      group: "Backlog",
+      run() {
+        setBrowseAction("delete");
+        props.context.keymap.dispatch("dialog.select.submit");
+      }
+    }, {
+      bind: "e",
+      title: "Edit selected task",
+      group: "Backlog",
+      run() {
+        setBrowseAction("edit");
+        props.context.keymap.dispatch("dialog.select.submit");
+      }
     }]
   }));
   return null;