@tsutsutaku/tick 1.0.0

package/README.md

@@ -0,0 +1,208 @@
+# tick ✓
+
+> A CLI TODO manager designed for AI Agents — deterministic output, JSON mode, and a rich interactive TUI.
+
+```
+tick add "Deploy to production" -p high -t infra
+tick list --json
+tick done 3
+tick -i
+```
+
+---
+
+## Why tick?
+
+Most TODO CLIs are built for humans. **tick** is built for both.
+
+- **AI Agent friendly** — every command outputs structured JSON via `--json`, exits with clear codes, and never emits spinners or animations in non-interactive mode
+- **Human friendly** — `tick -i` launches a full-featured terminal UI with keyboard navigation, color-coded priorities, and inline editing
+- **Zero dependencies at runtime** — data lives in `~/.tick/data.json`, no database or server required
+
+---
+
+## Installation
+
+```bash
+# Clone and install globally
+git clone https://github.com/tsutsutaku/tick.git
+cd tick
+npm install
+npm run build
+npm link
+```
+
+```bash
+# Verify
+tick --version
+```
+
+---
+
+## Usage
+
+### Add a task
+
+```bash
+tick add "Write unit tests"
+tick add "Deploy to staging" -p high -d 2026-04-10 -t infra -t devops
+```
+
+| Option | Short | Description |
+|--------|-------|-------------|
+| `--priority <level>` | `-p` | `high` / `medium` (default) / `low` |
+| `--due <date>` | `-d` | Due date in `YYYY-MM-DD` format |
+| `--tag <tag...>` | `-t` | One or more tags |
+
+---
+
+### List tasks
+
+```bash
+tick list                        # all tasks
+tick list --status todo          # incomplete only
+tick list --status done          # completed only
+tick list --priority high        # filter by priority
+tick list --tag infra            # filter by tag
+tick list --json                 # machine-readable output
+```
+
+---
+
+### Complete a task
+
+```bash
+tick done 3
+```
+
+---
+
+### Edit a task
+
+```bash
+tick edit 3 --title "New title"
+tick edit 3 -p low --status todo
+tick edit 3 -t backend -t api    # replace tags
+```
+
+---
+
+### Delete a task
+
+```bash
+tick delete 3
+```
+
+---
+
+### Stats
+
+```bash
+tick stats
+tick stats --json
+```
+
+---
+
+### Interactive TUI
+
+```bash
+tick -i
+```
+
+| Key | Action |
+|-----|--------|
+| `j` / `↓` | Move down |
+| `k` / `↑` | Move up |
+| `Enter` | Toggle done |
+| `a` | Add new task |
+| `e` | Edit selected task |
+| `d` | Delete selected task |
+| `f` | Cycle status filter (all → todo → done) |
+| `F` | Cycle priority filter |
+| `q` | Quit |
+
+---
+
+## JSON mode (AI Agent)
+
+Every command accepts `--json` as a global flag. Output follows the envelope:
+
+```json
+{ "success": true, "data": { ... } }
+{ "success": false, "error": "Todo with id 99 not found" }
+```
+
+Errors are written to **stderr**, data to **stdout**. Exit codes: `0` = success, `1` = error.
+
+```bash
+# Use in scripts / agents
+tick list --json | jq '.data[] | select(.status == "todo")'
+tick add "Summarize PR" -p high --json
+tick done 5 --json
+```
+
+---
+
+## Global options
+
+| Option | Description |
+|--------|-------------|
+| `--json` | Output as JSON |
+| `--data-path <path>` | Custom data file path |
+| `-i, --interactive` | Launch TUI mode |
+
+**Environment variable:** `TICK_DATA_PATH` overrides the default data path (`~/.tick/data.json`).
+
+---
+
+## Data schema
+
+```json
+{
+  "nextId": 4,
+  "todos": [
+    {
+      "id": 1,
+      "title": "Deploy to staging",
+      "status": "todo",
+      "priority": "high",
+      "tags": ["infra", "devops"],
+      "createdAt": "2026-04-02T10:00:00.000Z",
+      "updatedAt": "2026-04-02T10:00:00.000Z",
+      "dueDate": "2026-04-10"
+    }
+  ]
+}
+```
+
+---
+
+## Tech stack
+
+- [React Ink](https://github.com/vadimdemedes/ink) — React renderer for the terminal
+- [Commander.js](https://github.com/tj/commander.js) — CLI argument parsing
+- [TypeScript](https://www.typescriptlang.org/) + [tsup](https://tsup.egoist.dev/)
+
+---
+
+## Development
+
+```bash
+npm install
+
+# Run without building
+npx tsx src/index.tsx add "test task"
+
+# Build
+npm run build
+
+# Link globally
+npm link
+```
+
+---
+
+## License
+
+MIT

package/dist/App-7CLL32TV.js

@@ -0,0 +1,294 @@
+#!/usr/bin/env node
+import {
+  addTodo,
+  deleteTodo,
+  editTodo,
+  listTodos,
+  markDone
+} from "./chunk-EMCHWDJ2.js";
+
+// src/ui/App.tsx
+import { useState as useState3, useEffect, useCallback } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput3, useApp } from "ink";
+
+// src/ui/TodoList.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+
+// src/ui/TodoItem.tsx
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PRIORITY_COLOR = {
+  high: "red",
+  medium: "yellow",
+  low: "green"
+};
+function TodoItem({ todo, isSelected }) {
+  const now = /* @__PURE__ */ new Date();
+  const overdue = todo.status === "todo" && todo.dueDate !== null && new Date(todo.dueDate) < now;
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { inverse: isSelected, color: isSelected ? "cyan" : void 0, children: [
+    " ",
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: todo.id.toString().padStart(3) }),
+    " ",
+    /* @__PURE__ */ jsx(Text, { color: todo.status === "done" ? "gray" : void 0, children: todo.status === "done" ? "[x]" : "[ ]" }),
+    " ",
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        dimColor: todo.status === "done",
+        strikethrough: todo.status === "done",
+        children: todo.title
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsxs(Text, { color: PRIORITY_COLOR[todo.priority], children: [
+      "[",
+      todo.priority.toUpperCase(),
+      "]"
+    ] }),
+    todo.tags.length > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      " #",
+      todo.tags.join(" #")
+    ] }),
+    todo.dueDate && /* @__PURE__ */ jsxs(Text, { color: overdue ? "red" : "gray", children: [
+      " ",
+      "due:",
+      new Date(todo.dueDate).toLocaleDateString("ja-JP"),
+      overdue ? "(\u671F\u9650\u8D85\u904E)" : ""
+    ] })
+  ] }) });
+}
+
+// src/ui/TodoList.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function TodoList({ todos, selectedIndex }) {
+  if (todos.length === 0) {
+    return /* @__PURE__ */ jsx2(Box2, { paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: 'TODO\u304C\u3042\u308A\u307E\u305B\u3093\u3002 "a" \u30AD\u30FC\u3067\u8FFD\u52A0\u3067\u304D\u307E\u3059\u3002' }) });
+  }
+  return /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", children: todos.map((todo, i) => /* @__PURE__ */ jsx2(TodoItem, { todo, isSelected: i === selectedIndex }, todo.id)) });
+}
+
+// src/ui/FilterBar.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function FilterBar({ statusFilter, priorityFilter }) {
+  return /* @__PURE__ */ jsxs2(Box3, { borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u30D5\u30A3\u30EB\u30BF\u30FC: " }),
+    /* @__PURE__ */ jsxs2(Text3, { color: statusFilter !== "all" ? "cyan" : "gray", children: [
+      "\u72B6\u614B:",
+      statusFilter
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "  " }),
+    /* @__PURE__ */ jsxs2(Text3, { color: priorityFilter !== "all" ? "cyan" : "gray", children: [
+      "\u512A\u5148\u5EA6:",
+      priorityFilter
+    ] })
+  ] });
+}
+
+// src/ui/StatusBar.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var HINTS = {
+  list: "j/k:\u79FB\u52D5  Enter:\u5B8C\u4E86  a:\u8FFD\u52A0  e:\u7DE8\u96C6  d:\u524A\u9664  f:\u30D5\u30A3\u30EB\u30BF\u30FC  q:\u7D42\u4E86",
+  add: "Enter:\u78BA\u5B9A  Esc:\u30AD\u30E3\u30F3\u30BB\u30EB",
+  edit: "Enter:\u78BA\u5B9A  Esc:\u30AD\u30E3\u30F3\u30BB\u30EB"
+};
+function StatusBar({ mode }) {
+  return /* @__PURE__ */ jsx4(Box4, { borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: HINTS[mode] }) });
+}
+
+// src/ui/AddForm.tsx
+import { useState } from "react";
+import { Box as Box5, Text as Text5, useInput } from "ink";
+import TextInput from "ink-text-input";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var PRIORITIES = ["high", "medium", "low"];
+var PRIORITY_COLOR2 = { high: "red", medium: "yellow", low: "green" };
+function AddForm({ onSubmit, onCancel }) {
+  const [title, setTitle] = useState("");
+  const [priorityIndex, setPriorityIndex] = useState(1);
+  const [step, setStep] = useState("title");
+  useInput((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (step === "title") {
+      if (key.return && title.trim()) {
+        setStep("priority");
+      }
+    } else {
+      if (key.leftArrow || input === "h") {
+        setPriorityIndex((i) => Math.max(0, i - 1));
+      } else if (key.rightArrow || input === "l") {
+        setPriorityIndex((i) => Math.min(PRIORITIES.length - 1, i + 1));
+      } else if (key.return) {
+        onSubmit(title.trim(), PRIORITIES[priorityIndex]);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs3(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, color: "cyan", children: "\u2500\u2500 \u65B0\u3057\u3044TODO\u3092\u8FFD\u52A0 \u2500\u2500" }),
+    /* @__PURE__ */ jsxs3(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u30BF\u30A4\u30C8\u30EB: " }),
+      step === "title" ? /* @__PURE__ */ jsx5(TextInput, { value: title, onChange: setTitle, onSubmit: () => title.trim() && setStep("priority") }) : /* @__PURE__ */ jsx5(Text5, { children: title })
+    ] }),
+    step === "priority" && /* @__PURE__ */ jsxs3(Box5, { children: [
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u512A\u5148\u5EA6: " }),
+      PRIORITIES.map((p, i) => /* @__PURE__ */ jsx5(Text5, { color: i === priorityIndex ? PRIORITY_COLOR2[p] : "gray", bold: i === priorityIndex, children: i === priorityIndex ? `[${p}]` : ` ${p} ` }, p)),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  \u2190\u2192\u3067\u9078\u629E\u3001Enter\u3067\u78BA\u5B9A" })
+    ] })
+  ] });
+}
+
+// src/ui/EditForm.tsx
+import { useState as useState2 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput2 } from "ink";
+import TextInput2 from "ink-text-input";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var PRIORITIES2 = ["high", "medium", "low"];
+var PRIORITY_COLOR3 = { high: "red", medium: "yellow", low: "green" };
+function EditForm({ todo, onSubmit, onCancel }) {
+  const [title, setTitle] = useState2(todo.title);
+  const [priorityIndex, setPriorityIndex] = useState2(PRIORITIES2.indexOf(todo.priority));
+  const [step, setStep] = useState2("title");
+  useInput2((input, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (step === "title") {
+      if (key.return && title.trim()) {
+        setStep("priority");
+      }
+    } else {
+      if (key.leftArrow || input === "h") {
+        setPriorityIndex((i) => Math.max(0, i - 1));
+      } else if (key.rightArrow || input === "l") {
+        setPriorityIndex((i) => Math.min(PRIORITIES2.length - 1, i + 1));
+      } else if (key.return) {
+        onSubmit(title.trim(), PRIORITIES2[priorityIndex]);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs4(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs4(Text6, { bold: true, color: "yellow", children: [
+      "\u2500\u2500 TODO\u3092\u7DE8\u96C6 (id: ",
+      todo.id,
+      ") \u2500\u2500"
+    ] }),
+    /* @__PURE__ */ jsxs4(Box6, { children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\u30BF\u30A4\u30C8\u30EB: " }),
+      step === "title" ? /* @__PURE__ */ jsx6(TextInput2, { value: title, onChange: setTitle, onSubmit: () => title.trim() && setStep("priority") }) : /* @__PURE__ */ jsx6(Text6, { children: title })
+    ] }),
+    step === "priority" && /* @__PURE__ */ jsxs4(Box6, { children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\u512A\u5148\u5EA6: " }),
+      PRIORITIES2.map((p, i) => /* @__PURE__ */ jsx6(Text6, { color: i === priorityIndex ? PRIORITY_COLOR3[p] : "gray", bold: i === priorityIndex, children: i === priorityIndex ? `[${p}]` : ` ${p} ` }, p)),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  \u2190\u2192\u3067\u9078\u629E\u3001Enter\u3067\u78BA\u5B9A" })
+    ] })
+  ] });
+}
+
+// src/ui/App.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function App({ dataPath }) {
+  const { exit } = useApp();
+  const [todos, setTodos] = useState3([]);
+  const [selectedIndex, setSelectedIndex] = useState3(0);
+  const [mode, setMode] = useState3("list");
+  const [statusFilter, setStatusFilter] = useState3("all");
+  const [priorityFilter, setPriorityFilter] = useState3("all");
+  const [message, setMessage] = useState3(null);
+  const reload = useCallback(() => {
+    const filtered = listTodos(dataPath, {
+      status: statusFilter,
+      priority: priorityFilter === "all" ? void 0 : priorityFilter
+    });
+    setTodos(filtered);
+  }, [dataPath, statusFilter, priorityFilter]);
+  useEffect(() => {
+    reload();
+  }, [reload]);
+  useEffect(() => {
+    setSelectedIndex((i) => Math.min(i, Math.max(0, todos.length - 1)));
+  }, [todos.length]);
+  const showMessage = (msg) => {
+    setMessage(msg);
+    setTimeout(() => setMessage(null), 2e3);
+  };
+  useInput3((input, key) => {
+    if (mode !== "list") return;
+    if (input === "q") {
+      exit();
+    } else if (input === "j" || key.downArrow) {
+      setSelectedIndex((i) => Math.min(i + 1, todos.length - 1));
+    } else if (input === "k" || key.upArrow) {
+      setSelectedIndex((i) => Math.max(i - 1, 0));
+    } else if (key.return) {
+      const todo = todos[selectedIndex];
+      if (todo && todo.status === "todo") {
+        markDone(dataPath, todo.id);
+        reload();
+        showMessage(`\u5B8C\u4E86: ${todo.title}`);
+      }
+    } else if (input === "a") {
+      setMode("add");
+    } else if (input === "e") {
+      if (todos[selectedIndex]) setMode("edit");
+    } else if (input === "d") {
+      const todo = todos[selectedIndex];
+      if (todo) {
+        deleteTodo(dataPath, todo.id);
+        reload();
+        showMessage(`\u524A\u9664: ${todo.title}`);
+      }
+    } else if (input === "f") {
+      const cycle = ["all", "todo", "done"];
+      setStatusFilter((s) => cycle[(cycle.indexOf(s) + 1) % cycle.length]);
+    } else if (input === "F") {
+      const cycle = ["all", "high", "medium", "low"];
+      setPriorityFilter((p) => cycle[(cycle.indexOf(p) + 1) % cycle.length]);
+    }
+  });
+  const handleAddSubmit = (title, priority) => {
+    addTodo(dataPath, { title, priority });
+    reload();
+    setMode("list");
+    showMessage(`\u8FFD\u52A0: ${title}`);
+  };
+  const handleEditSubmit = (title, priority) => {
+    const todo = todos[selectedIndex];
+    if (todo) {
+      editTodo(dataPath, todo.id, { title, priority });
+      reload();
+      showMessage(`\u66F4\u65B0: ${title}`);
+    }
+    setMode("list");
+  };
+  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs5(Box7, { paddingX: 1, children: [
+      /* @__PURE__ */ jsx7(Text7, { bold: true, color: "cyan", children: "\u2500\u2500 TODO Manager \u2500\u2500" }),
+      /* @__PURE__ */ jsxs5(Text7, { dimColor: true, children: [
+        "  (",
+        todos.length,
+        "\u4EF6)"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7(FilterBar, { statusFilter, priorityFilter }),
+    /* @__PURE__ */ jsx7(TodoList, { todos, selectedIndex }),
+    message && /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "green", children: message }) }),
+    mode === "add" && /* @__PURE__ */ jsx7(AddForm, { onSubmit: handleAddSubmit, onCancel: () => setMode("list") }),
+    mode === "edit" && todos[selectedIndex] && /* @__PURE__ */ jsx7(
+      EditForm,
+      {
+        todo: todos[selectedIndex],
+        onSubmit: handleEditSubmit,
+        onCancel: () => setMode("list")
+      }
+    ),
+    /* @__PURE__ */ jsx7(StatusBar, { mode })
+  ] });
+}
+export {
+  App as default
+};

package/dist/chunk-EMCHWDJ2.js

@@ -0,0 +1,120 @@
+#!/usr/bin/env node
+
+// src/store.ts
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from "fs";
+import { dirname } from "path";
+import { homedir } from "os";
+import { join } from "path";
+function defaultDataPath() {
+  return join(homedir(), ".tick", "data.json");
+}
+function ensureDir(filePath) {
+  const dir = dirname(filePath);
+  if (!existsSync(dir)) {
+    mkdirSync(dir, { recursive: true });
+  }
+}
+function loadData(dataPath) {
+  ensureDir(dataPath);
+  if (!existsSync(dataPath)) {
+    const initial = { nextId: 1, todos: [] };
+    writeFileSync(dataPath, JSON.stringify(initial, null, 2), "utf-8");
+    return initial;
+  }
+  return JSON.parse(readFileSync(dataPath, "utf-8"));
+}
+function saveData(dataPath, data) {
+  ensureDir(dataPath);
+  writeFileSync(dataPath, JSON.stringify(data, null, 2), "utf-8");
+}
+function addTodo(dataPath, input) {
+  const data = loadData(dataPath);
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  const todo = {
+    id: data.nextId,
+    title: input.title,
+    status: "todo",
+    priority: input.priority ?? "medium",
+    tags: input.tag ?? [],
+    createdAt: now,
+    updatedAt: now,
+    dueDate: input.due ?? null
+  };
+  data.todos.push(todo);
+  data.nextId++;
+  saveData(dataPath, data);
+  return todo;
+}
+function listTodos(dataPath, filters = {}) {
+  const data = loadData(dataPath);
+  let todos = data.todos;
+  const statusFilter = filters.status ?? "all";
+  if (statusFilter !== "all") {
+    todos = todos.filter((t) => t.status === statusFilter);
+  }
+  if (filters.priority) {
+    todos = todos.filter((t) => t.priority === filters.priority);
+  }
+  if (filters.tag) {
+    todos = todos.filter((t) => t.tags.includes(filters.tag));
+  }
+  return todos;
+}
+function markDone(dataPath, id) {
+  const data = loadData(dataPath);
+  const todo = data.todos.find((t) => t.id === id);
+  if (!todo) throw new Error(`Todo with id ${id} not found`);
+  todo.status = "done";
+  todo.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+  saveData(dataPath, data);
+  return todo;
+}
+function editTodo(dataPath, id, changes) {
+  const data = loadData(dataPath);
+  const todo = data.todos.find((t) => t.id === id);
+  if (!todo) throw new Error(`Todo with id ${id} not found`);
+  if (changes.title !== void 0) todo.title = changes.title;
+  if (changes.priority !== void 0) todo.priority = changes.priority;
+  if (changes.due !== void 0) todo.dueDate = changes.due;
+  if (changes.tag !== void 0) todo.tags = changes.tag;
+  if (changes.status !== void 0) todo.status = changes.status;
+  todo.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+  saveData(dataPath, data);
+  return todo;
+}
+function deleteTodo(dataPath, id) {
+  const data = loadData(dataPath);
+  const index = data.todos.findIndex((t) => t.id === id);
+  if (index === -1) throw new Error(`Todo with id ${id} not found`);
+  const [todo] = data.todos.splice(index, 1);
+  saveData(dataPath, data);
+  return todo;
+}
+function getStats(dataPath) {
+  const data = loadData(dataPath);
+  const now = /* @__PURE__ */ new Date();
+  const overdue = data.todos.filter(
+    (t) => t.status === "todo" && t.dueDate !== null && new Date(t.dueDate) < now
+  ).length;
+  return {
+    total: data.todos.length,
+    todo: data.todos.filter((t) => t.status === "todo").length,
+    done: data.todos.filter((t) => t.status === "done").length,
+    byPriority: {
+      high: data.todos.filter((t) => t.priority === "high").length,
+      medium: data.todos.filter((t) => t.priority === "medium").length,
+      low: data.todos.filter((t) => t.priority === "low").length
+    },
+    overdue
+  };
+}
+
+export {
+  defaultDataPath,
+  addTodo,
+  listTodos,
+  markDone,
+  editTodo,
+  deleteTodo,
+  getStats
+};

package/dist/index.js

@@ -0,0 +1,260 @@
+#!/usr/bin/env node
+import {
+  addTodo,
+  defaultDataPath,
+  deleteTodo,
+  editTodo,
+  getStats,
+  listTodos,
+  markDone
+} from "./chunk-EMCHWDJ2.js";
+
+// src/cli.ts
+import { Command } from "commander";
+
+// src/renderers/text.ts
+var PRIORITY_COLORS = {
+  high: "\x1B[31m",
+  // red
+  medium: "\x1B[33m",
+  // yellow
+  low: "\x1B[32m"
+  // green
+};
+var RESET = "\x1B[0m";
+var DIM = "\x1B[2m";
+var BOLD = "\x1B[1m";
+function priorityBadge(p) {
+  return `${PRIORITY_COLORS[p]}[${p.toUpperCase()}]${RESET}`;
+}
+function statusIcon(s) {
+  return s === "done" ? `${DIM}[x]${RESET}` : "[ ]";
+}
+function formatDue(dueDate) {
+  if (!dueDate) return "";
+  const d = new Date(dueDate);
+  const now = /* @__PURE__ */ new Date();
+  const overdue = d < now;
+  const str = d.toLocaleDateString("ja-JP");
+  return overdue ? ` \x1B[31mdue:${str}(\u671F\u9650\u8D85\u904E)${RESET}` : ` ${DIM}due:${str}${RESET}`;
+}
+function renderTodo(todo) {
+  const tags = todo.tags.length > 0 ? ` ${DIM}#${todo.tags.join(" #")}${RESET}` : "";
+  const due = formatDue(todo.dueDate);
+  const titleStyle = todo.status === "done" ? DIM : "";
+  return `${DIM}${todo.id.toString().padStart(3)}${RESET} ${statusIcon(todo.status)} ${titleStyle}${todo.title}${RESET} ${priorityBadge(todo.priority)}${tags}${due}`;
+}
+function renderTodoList(todos) {
+  if (todos.length === 0) {
+    process.stdout.write("TODO\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\n");
+    return;
+  }
+  for (const todo of todos) {
+    process.stdout.write(renderTodo(todo) + "\n");
+  }
+}
+function renderAddResult(todo) {
+  process.stdout.write(`${BOLD}\u8FFD\u52A0\u3057\u307E\u3057\u305F${RESET} (id: ${todo.id})
+`);
+  process.stdout.write(renderTodo(todo) + "\n");
+}
+function renderDoneResult(todo) {
+  process.stdout.write(`${BOLD}\u5B8C\u4E86\u306B\u3057\u307E\u3057\u305F${RESET} (id: ${todo.id})
+`);
+  process.stdout.write(renderTodo(todo) + "\n");
+}
+function renderEditResult(todo) {
+  process.stdout.write(`${BOLD}\u66F4\u65B0\u3057\u307E\u3057\u305F${RESET} (id: ${todo.id})
+`);
+  process.stdout.write(renderTodo(todo) + "\n");
+}
+function renderDeleteResult(todo) {
+  process.stdout.write(`${BOLD}\u524A\u9664\u3057\u307E\u3057\u305F${RESET} (id: ${todo.id}): ${todo.title}
+`);
+}
+function renderStats(stats) {
+  process.stdout.write(`${BOLD}=== TODO\u7D71\u8A08 ===${RESET}
+`);
+  process.stdout.write(`\u5408\u8A08: ${stats.total}  \u672A\u5B8C\u4E86: ${stats.todo}  \u5B8C\u4E86: ${stats.done}
+`);
+  process.stdout.write(`\u512A\u5148\u5EA6: ${PRIORITY_COLORS.high}\u9AD8:${stats.byPriority.high}${RESET}  ${PRIORITY_COLORS.medium}\u4E2D:${stats.byPriority.medium}${RESET}  ${PRIORITY_COLORS.low}\u4F4E:${stats.byPriority.low}${RESET}
+`);
+  if (stats.overdue > 0) {
+    process.stdout.write(`\x1B[31m\u671F\u9650\u8D85\u904E: ${stats.overdue}\u4EF6${RESET}
+`);
+  }
+}
+function renderError(message) {
+  process.stderr.write(`\x1B[31m\u30A8\u30E9\u30FC: ${message}${RESET}
+`);
+}
+
+// src/renderers/json.ts
+function outputSuccess(data) {
+  process.stdout.write(JSON.stringify({ success: true, data }, null, 2) + "\n");
+}
+function outputError(message) {
+  process.stderr.write(JSON.stringify({ success: false, error: message }, null, 2) + "\n");
+}
+
+// src/commands/add.ts
+function runAdd(title, opts) {
+  try {
+    const todo = addTodo(opts.dataPath, {
+      title,
+      priority: opts.priority,
+      due: opts.due,
+      tag: opts.tag
+    });
+    if (opts.json) {
+      outputSuccess(todo);
+    } else {
+      renderAddResult(todo);
+    }
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    if (opts.json) outputError(msg);
+    else renderError(msg);
+    process.exit(1);
+  }
+}
+
+// src/commands/list.ts
+function runList(opts) {
+  try {
+    const todos = listTodos(opts.dataPath, {
+      status: opts.status,
+      priority: opts.priority,
+      tag: opts.tag
+    });
+    if (opts.json) {
+      outputSuccess(todos);
+    } else {
+      renderTodoList(todos);
+    }
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    if (opts.json) outputError(msg);
+    else renderError(msg);
+    process.exit(1);
+  }
+}
+
+// src/commands/done.ts
+function runDone(id, opts) {
+  try {
+    const todo = markDone(opts.dataPath, parseInt(id, 10));
+    if (opts.json) {
+      outputSuccess(todo);
+    } else {
+      renderDoneResult(todo);
+    }
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    if (opts.json) outputError(msg);
+    else renderError(msg);
+    process.exit(1);
+  }
+}
+
+// src/commands/edit.ts
+function runEdit(id, opts) {
+  try {
+    const todo = editTodo(opts.dataPath, parseInt(id, 10), {
+      title: opts.title,
+      priority: opts.priority,
+      due: opts.due,
+      tag: opts.tag,
+      status: opts.status
+    });
+    if (opts.json) {
+      outputSuccess(todo);
+    } else {
+      renderEditResult(todo);
+    }
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    if (opts.json) outputError(msg);
+    else renderError(msg);
+    process.exit(1);
+  }
+}
+
+// src/commands/delete.ts
+function runDelete(id, opts) {
+  try {
+    const todo = deleteTodo(opts.dataPath, parseInt(id, 10));
+    if (opts.json) {
+      outputSuccess(todo);
+    } else {
+      renderDeleteResult(todo);
+    }
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    if (opts.json) outputError(msg);
+    else renderError(msg);
+    process.exit(1);
+  }
+}
+
+// src/commands/stats.ts
+function runStats(opts) {
+  try {
+    const stats = getStats(opts.dataPath);
+    if (opts.json) {
+      outputSuccess(stats);
+    } else {
+      renderStats(stats);
+    }
+  } catch (e) {
+    const msg = e instanceof Error ? e.message : String(e);
+    if (opts.json) outputError(msg);
+    else renderError(msg);
+    process.exit(1);
+  }
+}
+
+// src/cli.ts
+function buildCli() {
+  const program = new Command();
+  program.name("tick").version("1.0.0").description("AI Agent\u5BFE\u5FDC TODO CLI").option("--data-path <path>", "\u30C7\u30FC\u30BF\u30D5\u30A1\u30A4\u30EB\u306E\u30D1\u30B9", process.env["TICK_DATA_PATH"] ?? defaultDataPath()).option("--json", "JSON\u5F62\u5F0F\u3067\u51FA\u529B").option("-i, --interactive", "\u30A4\u30F3\u30BF\u30E9\u30AF\u30C6\u30A3\u30D6TUI\u30E2\u30FC\u30C9\u3067\u8D77\u52D5");
+  program.command("add <title>").description("TODO\u3092\u8FFD\u52A0\u3059\u308B").option("-p, --priority <level>", "\u512A\u5148\u5EA6 (high|medium|low)", "medium").option("-d, --due <date>", "\u671F\u9650\u65E5 (YYYY-MM-DD)").option("-t, --tag <tag...>", "\u30BF\u30B0").action((title, localOpts, cmd) => {
+    const global = cmd.optsWithGlobals();
+    runAdd(title, { ...localOpts, dataPath: global.dataPath, json: global.json });
+  });
+  program.command("list").description("TODO\u3092\u4E00\u89A7\u8868\u793A\u3059\u308B").option("-s, --status <status>", "\u30D5\u30A3\u30EB\u30BF\u30FC (todo|done|all)", "all").option("-p, --priority <level>", "\u512A\u5148\u5EA6\u30D5\u30A3\u30EB\u30BF\u30FC (high|medium|low)").option("-t, --tag <tag>", "\u30BF\u30B0\u30D5\u30A3\u30EB\u30BF\u30FC").action((localOpts, cmd) => {
+    const global = cmd.optsWithGlobals();
+    runList({ ...localOpts, dataPath: global.dataPath, json: global.json });
+  });
+  program.command("done <id>").description("TODO\u3092\u5B8C\u4E86\u306B\u3059\u308B").action((id, _localOpts, cmd) => {
+    const global = cmd.optsWithGlobals();
+    runDone(id, { dataPath: global.dataPath, json: global.json });
+  });
+  program.command("edit <id>").description("TODO\u3092\u7DE8\u96C6\u3059\u308B").option("--title <title>", "\u65B0\u3057\u3044\u30BF\u30A4\u30C8\u30EB").option("-p, --priority <level>", "\u512A\u5148\u5EA6 (high|medium|low)").option("-d, --due <date>", "\u671F\u9650\u65E5 (YYYY-MM-DD)").option("-t, --tag <tag...>", "\u30BF\u30B0").option("-s, --status <status>", "\u30B9\u30C6\u30FC\u30BF\u30B9 (todo|done)").action((id, localOpts, cmd) => {
+    const global = cmd.optsWithGlobals();
+    runEdit(id, { ...localOpts, dataPath: global.dataPath, json: global.json });
+  });
+  program.command("delete <id>").description("TODO\u3092\u524A\u9664\u3059\u308B").action((id, _localOpts, cmd) => {
+    const global = cmd.optsWithGlobals();
+    runDelete(id, { dataPath: global.dataPath, json: global.json });
+  });
+  program.command("stats").description("\u7D71\u8A08\u3092\u8868\u793A\u3059\u308B").action((_localOpts, cmd) => {
+    const global = cmd.optsWithGlobals();
+    runStats({ dataPath: global.dataPath, json: global.json });
+  });
+  return program;
+}
+
+// src/index.tsx
+import { jsx } from "react/jsx-runtime";
+var isInteractive = process.argv.includes("-i") || process.argv.includes("--interactive");
+if (isInteractive) {
+  const dpIndex = process.argv.findIndex((a) => a === "--data-path");
+  const dataPath = dpIndex !== -1 && process.argv[dpIndex + 1] ? process.argv[dpIndex + 1] : process.env["TICK_DATA_PATH"] ?? defaultDataPath();
+  const { render } = await import("ink");
+  const { default: App } = await import("./App-7CLL32TV.js");
+  render(/* @__PURE__ */ jsx(App, { dataPath }));
+} else {
+  const program = buildCli();
+  program.parse();
+}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@tsutsutaku/tick",
+  "version": "1.0.0",
+  "type": "module",
+  "bin": {
+    "tick": "./dist/index.js"
+  },
+  "scripts": {
+    "dev": "tsx src/index.tsx",
+    "build": "tsup",
+    "prepare": "tsup",
+    "start": "node dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "commander": "^14.0.0",
+    "ink": "^6.0.0",
+    "ink-text-input": "^6.0.0",
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "tsx": "^4.0.0",
+    "typescript": "^5.7.0"
+  }
+}