npm - @mgeri1993/claude-task-manager - Versions diffs - 1.0.0 - Mend

@mgeri1993/claude-task-manager 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/.env.example +2 -0
package/Dockerfile +11 -0
package/LICENSE +21 -0
package/README.hu.md +255 -0
package/README.md +253 -0
package/api/index.php +173 -0
package/bin/add-agent.sh +77 -0
package/bin/ctm +160 -0
package/docker-compose.yml +14 -0
package/engine/check-update.sh +48 -0
package/engine/projects.sh +164 -0
package/engine/task.sh +926 -0
package/favicon.ico +6 -0
package/favicon.svg +6 -0
package/index.html +141 -0
package/install.sh +231 -0
package/js/ApiClient.js +63 -0
package/js/App.js +547 -0
package/js/BoardView.js +205 -0
package/js/ContextPanel.js +47 -0
package/js/ContextStore.js +39 -0
package/js/ProjectStore.js +27 -0
package/js/TaskModal.js +112 -0
package/js/TaskStore.js +73 -0
package/js/UrlState.js +53 -0
package/js/Utils.js +202 -0
package/js/i18n.js +338 -0
package/js/main.js +3 -0
package/package.json +85 -0
package/style.css +396 -0
package/templates/SKILL.md.tmpl +175 -0
package/templates/agents/ctm-backend-developer.md.tmpl +53 -0
package/templates/agents/ctm-code-investigator.md.tmpl +49 -0
package/templates/agents/ctm-frontend-developer.md.tmpl +53 -0
package/templates/hooks/allow-task-sh.sh.tmpl +59 -0
package/templates/hooks/notify-inbox.sh.tmpl +53 -0
package/templates/tm-custom.md.tmpl +54 -0

package/style.css ADDED Viewed

@@ -0,0 +1,396 @@
+/*
+  Task Manager – Kanban board stílusai (dark redesign).
+  Megjegyzés: a Tailwind Play CDN (board.html <head>) csak a DOM-ban lévő
+  utility-osztályokat oldja fel, EBBEN a külső fájlban nem — ezért itt minden
+  komponens-stílus sima CSS, a lenti CSS custom property-kre (design tokenek)
+  építve. A JS a --todo/--in_progress/... tokeneket inline
+  style="background:var(--todo)" formában használja (ld. js/BoardView.js,
+  js/TaskModal.js) — ez a mechanizmus változatlan.
+  A paletta a Figma-ből exportált „Redesign a dark mode" mockup tükre:
+  mély szénszürke háttér (#0f1115), lebegő panelek, finom fehér-alfa keretek,
+  Geist / Geist Mono tipográfia, telítettebb státusz-akcentek.
+*/
+/* Beégetett (hardcoded) DARK téma – az OS beállításától függetlenül mindig sötét. */
+:root {
+  --bg: #0f1115;                /* app-háttér */
+  --panel: #14171d;             /* oszlop / sáv / lane háttér */
+  --panel-2: #181b22;           /* input, select, chip, tag, jegyzet-kártya */
+  --panel-3: #232a33;           /* gomb, count-pill, süllyesztett felszín */
+  --card: #1b1f27;              /* kártya háttér */
+  --card-hover: #20242e;        /* kártya hover háttér */
+  --track: rgba(255,255,255,.06);/* progress / bar sáv-háttér */
+  --text: #e6e8ec;              /* fő szöveg */
+  --text-strong: #f0f2f4;       /* cím, kiemelt szám */
+  --muted: #9aa0aa;             /* másodlagos szöveg */
+  --muted-2: #656b76;           /* halvány felirat / ikon */
+  --border: rgba(255,255,255,.07);
+  --border-soft: rgba(255,255,255,.05);
+  --border-strong: rgba(255,255,255,.13);
+  --shadow: 0 1px 2px rgba(0,0,0,.4);
+  --shadow-lg: 0 8px 22px -10px rgba(0,0,0,.6);
+  --shadow-modal: 0 24px 60px -16px rgba(0,0,0,.7);
+  /* Státusz-akcentek (a mockup STATUS palettája). A JS var(--...) formában hivatkozik rájuk. */
+  --todo: #8b93a1; --in_progress: #4f8ff7; --blocked: #f2635e;
+  --review: #b57cf6; --done: #46c07f;
+  /* --ok/--err: a .dot állapotjelzőn (WCAG 1.4.11 ≥3:1 sötét panelen) */
+  --ok: #46c07f; --err: #f2635e; --accent: #5b8def;
+  /* Kontraszt-célú kiegészítő tokenek (WCAG AA), dark értékekkel */
+  --accent-solid: #3f6fd6;      /* tömör accent-háttér + fehér szöveg (gomb.on, badge.team, ctx-badge) */
+  --pill-fg-light: #ffffff;     /* pill szöveg todo/in_progress/blocked hátteren */
+  --pill-fg-dark: #12151b;      /* pill szöveg review/done (világosabb) hátteren */
+  --danger-text: #e8837f;       /* dep-badge / note / banner szöveg */
+  --danger-bg: rgba(242,99,94,.11);   /* dep-badge / note / banner háttér */
+  --danger-border: rgba(242,99,94,.26);
+  --accent-tint-text: #9fc0ff;  /* .badge.ch szöveg */
+  --accent-tint-bg: rgba(91,141,239,.14); /* .badge.ch háttér */
+  /* Egységes lekerekítés-skála a kártya/gomb/panel-szintű elemekhez. */
+  --radius-sm: 6px; --radius-md: 9px; --radius-lg: 13px; --radius-full: 999px;
+  --font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+* { box-sizing: border-box; }
+html, body { height: 100%; }
+body {
+  margin: 0; font: 400 13.5px/1.5 var(--font);
+  background: var(--bg); color: var(--text);
+  display: flex; flex-direction: column; height: 100vh; overflow: hidden;
+  position: relative; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
+}
+/* Halvány kék fény a viewport tetején (a mockup radial-gradient glow-ja). */
+body::before {
+  content: ""; position: fixed; left: 0; right: 0; top: 0; height: 340px;
+  background: radial-gradient(120% 130% at 28% 0, rgba(91,141,239,.07), transparent 62%);
+  pointer-events: none; z-index: 0;
+}
+body > * { position: relative; z-index: 1; }
+/* Visszafogott, a sötét témához illő scrollbar (webkit + Firefox). */
+* { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }
+*::-webkit-scrollbar { width: 10px; height: 10px; }
+*::-webkit-scrollbar-track { background: transparent; }
+*::-webkit-scrollbar-thumb { background: rgba(255,255,255,.09); border-radius: var(--radius-full); border: 2px solid transparent; background-clip: padding-box; }
+*::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.16); background-clip: padding-box; }
+/* A fejléc és a sávok fix magasak; csak a board görög. */
+header, .stats, .controls, .agents-wrap, .banner { flex: 0 0 auto; }
+/* 3-zónás fejléc-elrendezés (a mockup mintája): márka+élő-jelző balra, kereső+forrás
+   középen, a poll/kontextus/szünet/frissítés-vezérlők jobbra. */
+header {
+  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 13px 20px;
+  background: rgba(15,17,21,.82); backdrop-filter: blur(10px);
+  border-bottom: 1px solid var(--border-soft); position: sticky; top: 0; z-index: 20;
+}
+.hd-left { display: flex; align-items: center; gap: 12px; flex: none; }
+.hd-center { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; flex-wrap: wrap; }
+.hd-right { display: flex; align-items: center; gap: 8px; flex: none; }
+header h1 { display: inline-flex; align-items: center; gap: 10px; font-size: 15.5px; margin: 0; font-weight: 600; letter-spacing: -.01em; color: var(--text-strong); white-space: nowrap; }
+/* Equalizer-logó a fejlécben (a mockup jelölése). */
+.logo { display: inline-flex; align-items: flex-end; justify-content: center; gap: 2px; width: 31px; height: 31px; border-radius: 9px; background: rgba(91,141,239,.13); border: 1px solid rgba(91,141,239,.32); flex: none; }
+.logo i { width: 3px; border-radius: 1px; background: var(--accent); }
+.logo i:nth-child(1) { height: 8px; }
+.logo i:nth-child(2) { height: 14px; }
+.logo i:nth-child(3) { height: 6px; }
+/* Fejléc élő órája a státusz-pillben. */
+.clock { font: 500 12px var(--mono); color: var(--muted-2); }
+label.ctl { color: var(--muted-2); font-size: 11px; font-weight: 500; display: inline-flex; align-items: center; gap: 7px; }
+/* Inline SVG-ikonok igazítása + színe a különböző kontextusokban. */
+.ico { flex: none; display: inline-block; vertical-align: middle; }
+.ico-accent { color: var(--accent); }
+label.ctl .ico { color: var(--muted-2); }
+.stat .ico, .ro .ico { color: var(--muted-2); }
+.tag .ico { color: currentColor; }
+.fi-top .ico { color: var(--muted-2); flex: none; }
+.lane-head .ico { color: var(--muted); flex: none; }
+.status svg { flex: none; }
+/* Beviteli mezők: süllyesztett, sötét kitöltés. */
+input, select {
+  font: 500 12.5px var(--font); padding: 0 14px; border-radius: var(--radius-md);
+  border: 1px solid var(--border); background: var(--panel-2); color: var(--text); color-scheme: dark;
+  height: 36px;
+}
+input::placeholder { color: var(--muted-2); }
+input:focus-visible, select:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent); }
+select {
+  padding: 0 32px 0 13px; cursor: pointer; font-family: var(--mono); font-size: 12px;
+  appearance: none; -webkit-appearance: none; -moz-appearance: none;
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa0aa' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
+  background-repeat: no-repeat; background-position: right 11px center; background-size: 13px;
+}
+input#src { width: 100%; font-family: var(--mono); font-size: 12px; }
+/* Kereső: ikon + input egy közös, süllyesztett dobozban (a mockup search-boxa). */
+.search-box { display: inline-flex; align-items: center; gap: 9px; flex: 0 1 260px; min-width: 150px; padding: 0 12px; height: 36px; border-radius: var(--radius-md); background: var(--panel-2); border: 1px solid var(--border); color: var(--muted-2); }
+.search-box input#q { flex: 1; min-width: 0; height: auto; border: none; background: transparent; padding: 0; color: var(--text); }
+.search-box input#q:focus-visible { outline: none; box-shadow: none; }
+/* Forrás: egyetlen natív select a projektek közti váltáshoz (nincs külön gomb/popover). */
+.src-box { display: inline-flex; align-items: center; gap: 8px; flex: 1 1 260px; min-width: 160px; max-width: 360px; padding: 0 11px; height: 36px; border-radius: var(--radius-sm); background: var(--panel); border: 1px solid var(--border-soft); }
+.src-box .lbl { color: var(--muted-2); font: 500 11px var(--font); flex: none; }
+.src-box .src-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex: none; }
+.src-select { flex: 1; min-width: 0; height: 26px; border: none; background: transparent; padding: 0; }
+.src-select:focus-visible { outline: none; box-shadow: none; }
+/* --- Projektek modal (wrapper-lista + másolás) --- */
+.proj-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border-soft); }
+.proj-row:last-child { border-bottom: none; }
+.proj-row-label { font: 600 13px var(--font); color: var(--text); }
+.proj-row-id { font: 500 11px var(--mono); margin-top: 3px; }
+button.copied { background: var(--accent-solid); color: #fff; border-color: transparent; }
+/* --- Egységes gomb-rendszer --- */
+button {
+  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
+  font: 500 12px var(--font); line-height: 1; height: 36px;
+  padding: 0 15px; border-radius: var(--radius-md);
+  border: 1px solid var(--border); background: var(--panel); color: var(--text); cursor: pointer;
+  white-space: nowrap;
+  transition: background .12s ease, border-color .12s ease, color .12s ease, filter .12s ease, transform .04s ease;
+}
+button:hover { background: #1b1f27; border-color: var(--border-strong); color: var(--text-strong); }
+button:active { transform: translateY(1px); }
+button:focus-visible { outline: none; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent); }
+button.on { background: var(--accent-solid); color: #fff; border-color: transparent; box-shadow: 0 1px 2px rgba(0,0,0,.35); font-weight: 600; }
+button.on:hover { filter: brightness(1.12); background: var(--accent-solid); color: #fff; border-color: transparent; }
+#refresh, #notifyBtn { width: 36px; padding: 0; }   /* négyzetes ikon-gomb */
+button svg, .ico { flex: none; }
+/* Szegmentált nézetváltó (Kanban / Swimlane / Folyam / Kompakt) */
+.segmented { display: inline-flex; gap: 3px; padding: 3px; border-radius: var(--radius-md); background: var(--panel); border: 1px solid var(--border); height: 36px; }
+.segmented button { height: 100%; padding: 0 13px; border: none; background: transparent; border-radius: 7px; color: var(--muted); box-shadow: none; }
+.segmented button:hover { background: rgba(255,255,255,.05); color: var(--text); border: none; }
+.segmented button.on { background: var(--accent-solid); color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.35); }
+.status { display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; border-radius: var(--radius-full); background: rgba(255,255,255,.04); border: 1px solid var(--border); font: 500 12px var(--mono); color: var(--muted); white-space: nowrap; }
+.dot { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); flex: none; }
+.dot.ok  { background: var(--ok);  animation: livepulse 2.4s infinite; }
+.dot.err { background: var(--err); box-shadow: 0 0 0 3px color-mix(in srgb, var(--err) 25%, transparent); }
+.dot.idle { background: #d99a3f; }
+.pulse { animation: pulse .55s ease; }
+@keyframes pulse { 0%{transform:scale(.55);opacity:.4} 100%{transform:scale(1);opacity:1} }
+@keyframes livepulse { 0%{box-shadow:0 0 0 0 rgba(70,192,127,.45)} 70%{box-shadow:0 0 0 6px rgba(70,192,127,0)} 100%{box-shadow:0 0 0 0 rgba(70,192,127,0)} }
+.stats, .controls { display: flex; flex-wrap: wrap; align-items: center; gap: 9px 15px; padding: 10px 20px; background: rgba(15,17,21,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-soft); }
+.stat { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 500; color: var(--muted); }
+.stat b { color: var(--text-strong); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.stat .swatch { width: 8px; height: 8px; border-radius: 3px; }
+.sep { width: 1px; align-self: center; height: 20px; background: rgba(255,255,255,.08); }
+/* Eloszlás-sáv: minden státusz saját színű szegmensként, arányosan (a "% kész" helyett). */
+.progress { flex: 1 1 160px; min-width: 130px; height: 8px; background: var(--track); border-radius: 4px; overflow: hidden; display: flex; gap: 2px; }
+.progress > i { display: block; height: 100%; }
+.progress-label { font: 600 12px var(--mono); color: var(--muted); white-space: nowrap; }
+.lbl { font-size: 12px; font-weight: 500; color: var(--muted-2); }
+.ro { display: inline-flex; align-items: center; gap: 7px; font: 500 11.5px var(--font); color: #c9a463; padding: 5px 10px; border-radius: var(--radius-md); background: rgba(224,165,74,.08); border: 1px solid rgba(224,165,74,.2); margin-left: auto; }
+/* Modal-beli kv-sorok (pl. függőség-lista címke + linkek egy sorban). */
+.row { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
+/* Ágens-terhelés & szűrő sáv: kollapszibilis fejsorral (a mockup mintája). */
+.agents-wrap { display: flex; flex-direction: column; background: rgba(15,17,21,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-soft); }
+button.agents-head {
+  justify-content: flex-start; height: auto; padding: 9px 20px; gap: 8px; border: none; border-radius: 0;
+  background: transparent; box-shadow: none; font: inherit; color: inherit; user-select: none;
+}
+button.agents-head:hover { background: rgba(255,255,255,.03); border: none; color: inherit; }
+.agents-head .count-pill { font: 600 11px var(--mono); padding: 1px 7px; border-radius: 999px; background: rgba(255,255,255,.06); color: var(--muted); }
+.agents-head .chev { display: grid; place-items: center; color: var(--muted-2); transition: transform .15s ease; }
+.agents-wrap.open .agents-head .chev { transform: rotate(180deg); }
+.agents { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; padding: 0 20px 12px; overflow-x: auto; }
+.agents-wrap:not(.open) .agents { display: none; }
+/* Ágens-chip (szűrő + terhelés-bar): avatar + név/terhelés-sáv, per-agent színnel. */
+.agent-chip { display: inline-flex; align-items: center; gap: 9px; min-width: 160px; padding: 7px 11px; border-radius: 10px; border: 1px solid var(--border); background: var(--panel); color: var(--muted); cursor: pointer; transition: background .12s ease, border-color .12s ease, color .12s ease; }
+.agent-chip:hover { color: var(--text); }
+/* Aktív (szűrőben megjelenő) chip: lágy accent-tint. */
+.agent-chip.on { background: color-mix(in srgb, var(--accent) 6%, var(--panel)); color: var(--text); }
+.agent-chip .ac-avatar { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; font: 600 10px var(--mono); flex: none; }
+.agent-chip .ac-info { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 0; }
+.agent-chip .ac-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; font: 500 12px var(--mono); color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.agent-chip .ac-count { flex: none; font: 600 11px var(--mono); font-variant-numeric: tabular-nums; color: var(--muted); padding: 0; background: none; }
+.agent-chip .ac-bar { width: 100%; height: 3px; border-radius: 3px; background: rgba(255,255,255,.09); overflow: hidden; }
+.agent-chip .ac-bar > i { display: block; height: 100%; border-radius: 3px; transition: width .3s ease; }
+.board { display: flex; gap: 14px; padding: 16px 20px 18px; flex: 1 1 0; min-height: 0; align-items: stretch; overflow: auto; }
+.board.swim { flex-direction: column; overflow: hidden auto; align-items: stretch; }
+/* Kanban módban minden oszlop egyforma magas, a tartalom oszloponként belül görög. */
+.board:not(.swim) .col-body { overflow-y: auto; min-height: 0; flex: 1 1 auto; }
+/* A swim-board flex-oszlop; a lane-ek NE zsugorodjanak (különben túlcsordulásnál
+   összenyomódnak és a .lane overflow:hidden levágja a tartalmat, görgetés helyett). */
+.board.swim > .lane { flex: 0 0 auto; }
+.lane { border: 1px solid var(--border); border-radius: var(--radius-lg); margin-bottom: 13px; background: var(--panel); overflow: hidden; }
+.lane-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; font: 500 13px var(--mono); color: var(--text); border-bottom: 1px solid var(--border-soft); }
+.lane-head .mut { color: var(--muted); font-weight: 400; font-size: 12px; }
+.lane-cols { display: flex; gap: 11px; padding: 13px 14px; overflow-x: auto; align-items: flex-start; }
+/* Lane-en belüli oszlopok: könnyed csoportok, nem beágyazott nehéz panelek. */
+.board.swim .col { background: transparent; border: none; border-radius: 0; padding: 0; min-width: 244px; flex: 0 0 244px; }
+.board.swim .col-head { margin: 0 2px 9px; }
+.board.swim .col-body { display: flex; flex-direction: column; gap: 9px; }
+.col { flex: 1 1 0; min-width: 260px; background: var(--panel); border: 1px solid var(--border-soft); border-radius: var(--radius-lg); padding: 2px 10px 12px; display: flex; flex-direction: column; transition: flex-basis .2s ease, min-width .2s ease; }
+.col.collapsed { flex: 0 0 46px; min-width: 0; }
+/* Adat-vezérelt: az ÜRES Kanban-oszlopok zsugorodjanak. (:has → modern böngésző) */
+.board:not(.swim) .col:not(.collapsed):has(.col-body > .empty) { flex: 0 1 176px; min-width: 156px; }
+.col-head { display: flex; align-items: center; gap: 9px; font: 600 12px var(--font); text-transform: uppercase; letter-spacing: .09em; margin: 13px 4px 11px; color: var(--muted); user-select: none; }
+.col-head .caret { font-size: 9px; color: var(--muted-2); }
+.col-head .swatch { width: 9px; height: 9px; border-radius: 3px; }
+.col-head .col-title { flex: 1 1 auto; }
+.col-head .count { margin-left: auto; background: rgba(255,255,255,.06); color: var(--muted); border-radius: var(--radius-full); padding: 2px 8px; font: 600 11px var(--mono); font-variant-numeric: tabular-nums; }
+.col.collapsed { padding: 2px; }
+.col.collapsed .col-head { writing-mode: vertical-rl; transform: rotate(180deg); margin: 8px auto; height: 150px; gap: 8px; }
+.col.collapsed .col-head .count { margin: 0; }
+.col.collapsed .col-body { display: none; }
+.card {
+  position: relative; background: var(--card); border: 1px solid var(--border);
+  border-left: 3px solid var(--border); border-radius: 12px;
+  padding: 13px 14px 12px; margin-bottom: 9px; cursor: pointer;
+  transition: background .12s ease, border-color .12s ease, transform .12s ease, box-shadow .15s ease;
+}
+.card:hover { background: var(--card-hover); border-color: var(--border-strong); transform: translateY(-1px); box-shadow: var(--shadow-lg); }
+.card:active { transform: translateY(0); }
+.card.changed { animation: flash 1.8s ease; }
+@keyframes flash { 0%,15% { box-shadow: inset 0 0 0 1.5px var(--accent), var(--shadow-lg); } 100% { box-shadow: none; } }
+.badges { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 9px; }
+.badge { display: inline-flex; align-items: center; gap: 4px; line-height: 1; font: 600 10px var(--mono); letter-spacing: .04em; padding: 4px 8px; border-radius: var(--radius-sm); border: 1px solid var(--border); background: var(--panel-2); color: var(--muted); }
+.badge.team { background: var(--accent-solid); color: #fff; border-color: transparent; }
+.badge.module { background: transparent; }
+.badge.ch { background: var(--accent-tint-bg); color: var(--accent-tint-text); border-color: transparent; }
+.badge.dep-active { background: var(--danger-bg); color: var(--danger-text); border-color: var(--danger-border); cursor: pointer; transition: filter .12s ease; }
+.badge.dep-done { opacity: .6; text-decoration: line-through; cursor: pointer; transition: filter .12s ease, opacity .12s ease; }
+.badge.dep-active:hover, .badge.dep-done:hover { filter: brightness(1.2); }
+.badge.dep-done:hover { opacity: .85; }
+.card h3 { margin: 0 0 7px; font: 600 14.5px/1.35 var(--font); letter-spacing: -.005em; color: #eceef1; }
+.card .desc { color: #8b929c; font: 400 12.5px/1.55 var(--font); margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
+.card .meta { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
+.tag { display: inline-flex; align-items: center; gap: 5px; line-height: 1; font: 500 11px var(--mono); padding: 4px 8px; border-radius: var(--radius-sm); background: var(--panel-2); color: var(--muted); border: 1px solid var(--border); }
+.tag.agent { color: var(--text); font-weight: 600; }
+/* Kis agent-avatar (kártyán és kész-soron egyaránt) — per-agent szín, a mockup mintája. */
+.who-av { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 5px; font: 600 8.5px var(--mono); flex: none; }
+/* A kártyán a blocked-jegyzet: max 3 sor; a teljes szöveg a modalban. */
+.note { margin-top: 11px; font: 500 11px var(--font); color: var(--danger-text); background: var(--danger-bg); border: 1px solid var(--danger-border); border-radius: 7px; padding: 5px 10px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
+/* Kompakt kártya-nézet */
+.board.compact .card { padding: 8px 12px; }
+.board.compact .card .desc, .board.compact .card .note { display: none; }
+.board.compact .card h3 { font-size: 13px; margin-bottom: 4px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
+/* Kész taszkok karcsú sora (a mockup "isDone" kártya-variánsa): nincs leírás/badge,
+   csak ellenőrzőjel-avatar + cím + agent + idő egy vízszintes sorban. */
+.card.card-done { display: flex; align-items: center; gap: 11px; padding: 9px 12px; background: #161a20; border-left: 1px solid var(--border-soft); }
+.card.card-done:hover { background: #1a1f27; border-color: color-mix(in srgb, var(--done) 24%, var(--border)); transform: none; box-shadow: none; }
+.done-check { width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; background: color-mix(in srgb, var(--done) 12%, transparent); border: 1px solid color-mix(in srgb, var(--done) 26%, transparent); color: var(--done); flex: none; }
+.card-done-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
+.card-done-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
+.card-done-title .badges-inline { display: inline-flex; gap: 4px; flex: none; }
+.card-done-title .title-txt { font: 500 13px/1.3 var(--font); color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
+.card-done-meta { display: flex; align-items: center; gap: 7px; min-width: 0; font: 500 11px var(--mono); color: var(--muted-2); }
+.card-done-meta .who-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
+.card-done-meta .dot-sep { width: 3px; height: 3px; border-radius: 50%; background: #454b55; flex: none; }
+.board.compact .card.card-done { padding: 6px 10px; }
+.empty { color: #4b515c; font: 500 12px var(--mono); text-align: center; padding: 22px 6px; margin: 6px 0; border: 1px dashed rgba(255,255,255,.08); border-radius: 11px; }
+.banner { margin: 12px 20px 0; padding: 12px 16px; border-radius: var(--radius-md); background: var(--danger-bg); border: 1px solid var(--danger-border); color: var(--danger-text); font-size: 12.5px; display: none; }
+.banner.show { display: block; }
+code { background: var(--panel-2); border: 1px solid var(--border); padding: 2px 6px; border-radius: var(--radius-sm); font: 500 12px var(--mono); }
+/* Modal */
+.overlay { position: fixed; inset: 0; background: rgba(6,8,11,.66); backdrop-filter: blur(6px); display: none; align-items: flex-start; justify-content: center; padding: 48px 16px; z-index: 50; overflow-y: auto; }
+.overlay.show { display: flex; }
+.modal { background: var(--panel); border-radius: var(--radius-lg); box-shadow: var(--shadow-modal); width: min(700px, 100%); border: 1px solid var(--border); }
+.modal header { position: static; border-radius: var(--radius-lg) var(--radius-lg) 0 0; background: transparent; backdrop-filter: none; border-bottom: 1px solid var(--border-soft); }
+.modal h2 { font-size: 16px; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: var(--text-strong); }
+.modal .body { padding: 20px 22px; }
+.modal .close { margin-left: auto; }
+.modal .desc-full { white-space: pre-wrap; font-size: 13.5px; line-height: 1.6; margin: 0 0 16px; }
+.modal h4 { font: 600 12px var(--font); text-transform: uppercase; letter-spacing: .07em; color: var(--muted-2); margin: 18px 0 10px; }
+.kv { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; font-size: 12.5px; margin-bottom: 10px; }
+.kv dt { color: var(--muted); }
+.kv dd { margin: 0; word-break: break-word; }
+.copy-id { margin-left: 6px; padding: 1px 7px; font-size: 11px; line-height: 1.5; vertical-align: baseline; border-radius: var(--radius-full); }
+.copy-id.copied { background: var(--accent-solid); color: #fff; border-color: transparent; }
+.metrics { display: flex; flex-wrap: wrap; gap: 10px; }
+.metric { background: var(--panel-2); border: 1px solid var(--border-soft); border-radius: 10px; padding: 10px 14px; font-size: 12.5px; }
+.metric b { display: block; font-size: 16px; font-variant-numeric: tabular-nums; }
+.deplinks { display: flex; flex-wrap: wrap; gap: 7px; }
+.deplink { cursor: pointer; }
+/* --- Interaktív akció-sáv a modalban (írás a router.php bridge-en át) --- */
+.actions { display: flex; flex-direction: column; gap: 10px; padding: 14px; margin: 0 0 16px; background: var(--panel-2); border: 1px solid var(--border-soft); border-radius: var(--radius-md); }
+.act-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
+.act-btn { height: 32px; padding: 0 13px; font: 600 12px var(--font); }
+.act-btn.act-approve { background: color-mix(in srgb, var(--ok) 15%, var(--panel)); border-color: color-mix(in srgb, var(--ok) 45%, transparent); color: var(--ok); }
+.act-btn.act-approve:hover { background: color-mix(in srgb, var(--ok) 24%, var(--panel)); color: #fff; }
+.act-btn.act-changes { background: rgba(224,165,74,.1); border-color: rgba(224,165,74,.34); color: #d8a24a; }
+.act-btn.act-changes:hover { background: rgba(224,165,74,.2); color: #fff; }
+.act-btn.act-block { background: var(--danger-bg); border-color: var(--danger-border); color: var(--danger-text); }
+.act-btn.act-block:hover { background: color-mix(in srgb, var(--err) 24%, var(--panel)); color: #fff; }
+.act-note { width: 100%; resize: vertical; min-height: 42px; padding: 8px 11px; font: 400 12.5px var(--font); line-height: 1.5; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius-sm); }
+.act-note:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent); }
+.act-fields { justify-content: flex-start; }
+.act-field { display: inline-flex; align-items: center; gap: 6px; font: 500 11.5px var(--mono); color: var(--muted); }
+.act-field .act-input { height: 30px; }
+.act-field select.act-input { padding: 0 8px; }
+.act-field input.act-input { width: 150px; padding: 0 10px; }
+/* Jegyzetek a modalban: időbélyeges, típus-taggelt kártyák. */
+ul.notes { list-style: none; margin: 0; padding: 0; font-size: 12.5px; }
+ul.notes li { margin-bottom: 8px; }
+ul.notes li.note-item { border: 1px solid var(--border); border-radius: 10px; padding: 9px 12px; background: var(--panel-2); }
+.note-item .n-top { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 5px; }
+.note-item .n-when { font: 500 11.5px var(--mono); color: var(--muted-2); margin-left: auto; }
+.note-item .n-text { white-space: pre-wrap; line-height: 1.55; }
+/* Jegyzet-fázis badge alakja: modalban (.n-kind) és a kártyán (.kind-badge) is. */
+.n-kind, .kind-badge { display: inline-flex; align-items: center; line-height: 1; font: 700 10px var(--mono); letter-spacing: .05em; text-transform: uppercase; padding: 4px 8px; border-radius: var(--radius-sm); border: 1px solid transparent; white-space: nowrap; }
+.k-research { background: rgba(69,181,196,.16); color: #6fcdda; }
+.k-plan     { background: color-mix(in srgb, var(--review) 20%, transparent); color: #c79cf7; }
+.k-decision { background: color-mix(in srgb, var(--in_progress) 20%, transparent); color: #7db0f9; }
+.k-impl     { background: color-mix(in srgb, var(--done) 18%, transparent); color: #6fce9d; }
+.k-other    { background: rgba(255,255,255,.06); color: var(--muted); }
+.timeline { list-style: none; margin: 0; padding: 0; }
+.timeline li { position: relative; padding: 0 0 16px 22px; border-left: 2px solid var(--border); }
+.timeline li:last-child { border-left-color: transparent; }
+.timeline li::before { content: ""; position: absolute; left: -6px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 2px var(--panel); }
+.timeline .when { font: 500 11.5px var(--mono); color: var(--muted-2); }
+.timeline .trans { font-size: 12.5px; margin: 2px 0; }
+.timeline .note2 { font-size: 12px; color: var(--muted); }
+.pill { display: inline-flex; align-items: center; line-height: 1; font: 600 11px var(--mono); padding: 4px 9px; border-radius: var(--radius-sm); color: var(--pill-fg-light); }
+.pill.pill-dark { color: var(--pill-fg-dark); }
+.mut { color: var(--muted); font-weight: 400; font-size: 12px; }
+#ctxBtn.has::after { content: attr(data-n); margin-left: 6px; background: var(--accent-solid); color: #fff; border-radius: var(--radius-full); padding: 0 6px; font: 600 11px var(--mono); }
+.ctx-quote { background: var(--panel-2); border: 1px solid var(--border-soft); border-left: 3px solid var(--accent); border-radius: 8px; padding: 10px 12px; white-space: pre-wrap; font-size: 13px; line-height: 1.55; margin: 0 0 8px; }
+.ctx-list { margin: 0; padding-left: 18px; font-size: 13px; }
+.ctx-list li { margin-bottom: 5px; }
+.decision { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; margin-bottom: 8px; }
+.decision .d-top { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; margin-bottom: 3px; }
+.decision .d-topic { font-weight: 600; font-size: 13px; }
+.decision .d-when { font: 500 11.5px var(--mono); color: var(--muted-2); margin-left: auto; }
+.decision .d-rat { font-size: 12px; color: var(--muted); margin-top: 3px; }
+/* ---- #1 „Rád vár" kor-badge (review): eszkalálódó hangsúly a várakozás hosszával ---- */
+.badge.await { border-color: transparent; }
+.badge.await-fresh { background: color-mix(in srgb, var(--review) 20%, transparent); color: #c79cf7; }
+.badge.await-warn  { background: rgba(224,166,63,.2); color: #e9b866; }
+.badge.await-stale { background: var(--danger-bg); color: var(--danger-text); border-color: var(--danger-border); animation: awaitPulse 2.4s ease-in-out infinite; }
+@keyframes awaitPulse { 0%,100% { box-shadow: 0 0 0 0 transparent; } 50% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--err) 26%, transparent); } }
+/* ---- #5 Gyorsszűrő-chipek (az .on állapotot a globális button.on adja) ---- */
+button.qf { padding: 6px 11px; font-size: 12px; }
+/* ---- #2 Aktivitás-folyam nézet ---- */
+.board.feed { flex-direction: column; overflow: hidden auto; align-items: stretch; gap: 10px; padding: 18px 20px 36px; }
+.board.feed { max-width: 1180px; margin: 0 auto; width: 100%; }
+.board.feed > .feed-item { flex: 0 0 auto; }
+.feed-item { position: relative; background: #13161c; border: 1px solid var(--border-soft); border-radius: 12px; padding: 13px 18px 14px; overflow: hidden; cursor: pointer; transition: border-color .12s ease, background .12s ease; }
+.feed-item:hover { border-color: var(--border-strong); background: #151920; }
+.fi-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.fi-type { font: 600 10.5px var(--mono); letter-spacing: .09em; color: var(--muted-2); text-transform: uppercase; }
+.fi-task { font: 600 14px var(--font); letter-spacing: -.005em; color: #e9ebee; flex: 1; min-width: 180px; }
+.fi-when { margin-left: auto; font: 500 11.5px var(--mono); color: var(--muted-2); white-space: nowrap; }
+.fi-text { margin-top: 9px; font: 400 13px/1.6 var(--font); color: #8b929c; white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

package/templates/SKILL.md.tmpl ADDED Viewed

@@ -0,0 +1,175 @@
+---
+name: task-manager
+description: Capture actionable user requests as persistent tasks, update task status as work progresses, and keep a shared task store in sync. Use when a user asks an agent to do work, check progress, block a task, complete a task, or manage the Kanban board.
+metadata: {"openclaw":{"skillKey":"task-manager"}}
+---
+# Task Manager (__PROJECT_LABEL__)
+Use this skill for task capture and task lifecycle updates in this project ("__PROJECT_ID__").
+This folder was generated by the **claude-task-manager** installer (`install.sh`) — the real
+table (tasks.json/context.json/events.jsonl) lives under the claude-task-manager project, in
+`data/__PROJECT_ID__/`, NOT in this project. The `task.sh` here is a **wrapper**
+that targets that data directory — the calling pattern otherwise stays exactly the
+same as before.
+## Trigger
+```json
+{
+  "activation": {
+    "anyPhrases": [
+      "add a task",
+      "create a task",
+      "track this task",
+      "task status",
+      "mark this done",
+      "block this task",
+      "what tasks do we have"
+    ]
+  },
+  "movement": {
+    "target": "desk",
+    "skipIfAlreadyThere": true
+  }
+}
+```
+Also use this skill even when those exact phrases are absent if the latest user message is an actionable work request. If the user asks the agent to do something, that request must become a task before the agent proceeds.
+## Storage location
+The authoritative store lives under the **claude-task-manager** project (not in this repo):
+- `data/__PROJECT_ID__/tasks.json` — the Kanban board (source of truth for tasks).
+- `data/__PROJECT_ID__/context.json` — the **user context** (source of truth for the user's intent, decisions, and init prompt; see "User context" below).
+NEVER read/write these files directly from this project — always go through the `task.sh`
+wrapper below (it resolves the correct data directory).
+## Token-efficient CLI (`task.sh`) — THE ONLY WRITER
+For handling `tasks.json`, **do not** re-read/rewrite the whole file (it costs a lot of
+tokens). Use the `task.sh` wrapper bundled with the skill (jq-based), which produces
+compact output and writes atomically (it automatically maintains the timestamp and
+history/notes entries). The script is on the Claude settings allowlist and can run
+without a permission prompt.
+> **HARD RULE — NEVER edit the JSON directly; only use `task.sh`.** Do not modify either
+> `tasks.json` or `context.json` with the `Write`/`Edit` tools, and do not write back "the
+> full JSON" by hand. Every mutation (both task AND context) must go **exclusively**
+> through `task.sh` commands — this way there is a single atomic writer, with consistent
+> timestamps and history, and no corrupted/duplicated state. This applies to the **main
+> agent and EVERY subagent/teammate**. For reads, use `task.sh`'s query commands
+> (`summary`, `list`, `get`, `ctx` …); only use `Read` on the JSON as a last resort, and
+> never to write. (For `context.json`, use the `ctx-*` commands — see below.)
+Canonical calling form (with the FULL absolute path, from any working directory):
+```
+__TASK_SH_PATH__ <command> [args] --as <agent>
+```
+> **REQUIRED: `--as <agent>` on every non-meta command.** Add your own name to every
+> `task.sh` call: the **main agent uses `--as main`**, a teammate uses its own label
+> (`--as backend-auth`). This is recorded as the `by` field on every event. Without
+> `--as`, non-meta commands **throw an error**. Exceptions (no `--as` needed): `help`,
+> `inbox`, `init`, `validate`, `restore`, `raw`.
+> **No permission prompt needed — call it DIRECTLY, as a bare command.** ALWAYS call
+> `task.sh` with the absolute path above, as a **standalone** command — no `cd`,
+> `&&`/`||`, redirects (`2>&1`), or `$VARIABLE`. Claude Code requires a permission
+> prompt for chained commands **segment by segment**, so a `cd … && …task.sh …` form
+> would trigger a prompt. The script already has `TM_DIR` baked into itself (see
+> `claude-task-manager/engine/projects.sh`), so `cd` is unnecessary anyway. The script
+> is on the project allowlist (`.claude/settings.local.json`, `Bash(…task.sh:*)`), so
+> the bare absolute call runs without a permission prompt.
+Most common commands (always call with the FULL absolute path — copy it as shown):
+- `__TASK_SH_PATH__ summary --as main` — counts by status (a quick "where do we stand" overview).
+- `__TASK_SH_PATH__ list [status] --as main` — compact list in `id [status] title` form.
+- `__TASK_SH_PATH__ get <id> --as main` — the full JSON of a SINGLE task (not the whole file).
+- `__TASK_SH_PATH__ add <id> <title> [desc] --as main` — a new task with `todo` status, with all required fields.
+- `__TASK_SH_PATH__ status <id> <status> [note] --as main` — status change + history entry.
+- `__TASK_SH_PATH__ note <id> <text> --as main` — append a note.
+- `__TASK_SH_PATH__ set <id> <field> <json-value> --as main` — set an arbitrary field (quote strings like `'"main"'`).
+- `__TASK_SH_PATH__ find <text> --as main` — and likewise: `… history <id>`, `… ids`, `… archive|unarchive|rm <id>`.
+**Structured fields and workflow commands** (instead of encoding them into title/notes text):
+- `… priority <id> <low|normal|high|urgent>` — priority.
+- `… tag <id> <add|rm> <tag>` — tags (e.g. `frontend`/`backend`/`test`).
+- `… assign <id> <agent>` — sets `assignedAgentId` (more convenient than `set` for claiming).
+- `… dep <id> <add|rm> <other-id>` — dependency (`dependsOn`): `id` waits on `other-id`; includes cycle and existence checks.
+- `… deps <id>` — what this task is waiting on and what it blocks.
+- `… next` — the next recommended `todo` task (no open dependency), sorted by priority.
+- `… list [status] --tag <t> --agent <a> --priority <p> --all --json` — filtered/machine-readable list.
+- `… status-many <status> <id...>` — move multiple tasks to one status in a SINGLE atomic write.
+- `… reopen <id> [status]` — reopen a closed/archived task.
+- `… validate` — schema check (required fields, status, priority, broken dependencies, duplicate ids).
+- `… restore` — restore the most recent pre-write backup (`tasks.json.bak`).
+- `… inbox <agent>` — events generated by OTHER agents since `<agent>`'s cursor (meta command, no `--as`).
+Full help: `__TASK_SH_PATH__ help`. Only read the full JSON (`… raw` / Read) if the task
+cannot be accomplished with the commands above.
+## User context (session continuity)
+Beyond individual tasks, maintain a durable **user context** so that work can be resumed in a
+**fresh session** without re-interviewing the user. Store it (via `task.sh`'s `ctx-*`
+commands) — never with `Write`/`Edit`:
+- Session starts and the file is missing → `ctx-init "<initPrompt>" "<goal>" --as main`.
+- The user makes a **decision** → `ctx-decision "<topic>" "<decision>" "<rationale>" --as main`.
+- A permanent rule/constraint is stated → `ctx-constraint "<text>" --as main`.
+- An open question arises / is resolved → `ctx-question add|rm "<text>" --as main`.
+- The active focus changes → `ctx-set currentFocus '"<task-id or text>"' --as main`.
+At the start of every session, **read `task.sh ctx` first**, and let it guide the work.
+## Required workflow
+Every step goes through `task.sh` (never a direct JSON write). **Add `--as main` to
+every non-meta command** (as the main agent); a teammate uses its own `--as <name>`:
+1. Before handling an actionable request, `task.sh summary --as main` / `list … --as main`.
+2. At session start, `task.sh ctx --as main`; if missing, `ctx-init "<initPrompt>" "<goal>" --as main`.
+3. If the last user message is actionable and there's no active task for it, immediately `task.sh add <id> "<title>" "<desc>" --as main`.
+4. Before starting work, the task should be `todo`, or run `task.sh status <id> in_progress --as main`.
+5. If the work cannot proceed, `task.sh status <id> blocked "<reason>" --as main`.
+6. When done, `task.sh status <id> done --as main`.
+7. If user review/confirmation is needed, `task.sh status <id> review --as main`.
+8. `task.sh` writes every mutation atomically and maintains the timestamp/history — manually
+   writing back the full JSON is unnecessary and forbidden.
+## Status rules
+- New actionable requests start as `todo` unless work has already begun.
+- Move to `in_progress` when the agent is actively working.
+- Move to `blocked` when progress depends on missing input, credentials, approvals, or failures.
+- Move to `review` when the work is ready for inspection or handoff.
+- Move to `done` only when the requested work is complete.
+## Board (shared, dockerized interface)
+The board is served by the **claude-task-manager** project (docker compose, port 3333),
+a **shared** interface for all installed projects — select this project
+(**__PROJECT_LABEL__**) from the "Source" picker in the header:
+```
+cd /Users/mgeri1993/code/projects/claude-task-manager && docker compose up -d
+# then: http://localhost:3333/
+```
+Writes from the board **still go through `task.sh`** (the single-writer invariant is
+preserved: atomic lock, history, `events.jsonl`, inbox) — the browser NEVER writes the
+JSON directly. `task.sh` calls (agent work) **don't need docker** — the
+`__TASK_SH_PATH__` above is a plain host bash script that runs standalone.
+## Related
+- Teammate coordination (Agent Teams / FleetView), SendMessage-based mid-flight
+  direction, `review → main decides (done | assign+todo)` handoff loop — this is the
+  same general pattern used in any project that uses `task.sh`; not repeated here.

package/templates/agents/ctm-backend-developer.md.tmpl ADDED Viewed

@@ -0,0 +1,53 @@
+---
+name: "ctm-backend-developer"
+description: "Task-manager teammate: BACKEND developer (__PROJECT_LABEL__ project). Claims and updates the status of its own tasks with task.sh. This definition describes ONLY the task-manager workflow (when and how to run task.sh)."
+tools: Read, Write, Edit, Bash, Glob, Grep, SendMessage, mcp__ide__getDiagnostics
+model: sonnet
+color: blue
+memory: project
+---
+<!-- Auto-generated from: claude-task-manager/templates/agents/ctm-backend-developer.md.tmpl — to reinstall: ctm init -->
+You are the **backend-developer** teammate on the __PROJECT_LABEL__ project. Your name in the task manager (`--as` and `assign` target) is: **`backend-developer`**. You handle backend tasks — the specific language/framework and folder structure can be found in the project's own documentation (README, CLAUDE.md, docs/); this definition is deliberately NOT loaded with project-specific details.
+This document records **only the task-manager workflow**: when and how to run `task.sh`. You take the backend conventions (language, framework, database/migration rules, if documented) from the project's own documentation and the task description — **if the project's CLAUDE.md or other documentation states a constraint (e.g. a migration/seed ban), always follow it.**
+## task.sh — calling rules (REQUIRED)
+- Call it with an **absolute path, as a bare command**, always in a standalone Bash call:
+  `__TASK_SH_PATH__ <command> ... --as backend-developer`
+- **NEVER** append `cd`, `&&`/`||`, redirects, or variable substitution.
+- **Every non-meta command needs `--as backend-developer`**.
+- Write `tasks.json` **ONLY** through `task.sh` — never with Read/Edit/Write.
+## Which tasks are yours
+- Ones where `assignedAgentId == "backend-developer"`, OR that have the `backend` tag, OR that main assigned to you.
+- Do not touch `frontend-developer`/`code-investigator` tasks.
+## The work cycle (claim → work → report)
+1. **What should I pick up?**
+   `task.sh list todo --agent backend-developer --as backend-developer`
+   `task.sh next --as backend-developer`
+2. **Don't start a blocked task.** Backend work often builds on investigation — let `code-investigator` close it first:
+   `task.sh deps <id> --as backend-developer`
+3. **Claim:**
+   `task.sh assign <id> backend-developer --as backend-developer`
+   `task.sh status <id> in_progress "started" --as backend-developer`
+4. **Work** within your scope, according to the project's own conventions. During fan-out, **do not** run a build/test/formatter per file — just edit + use read-only `mcp__ide__getDiagnostics`; main runs it once, serially.
+5. **Report in a note** — what you changed (file + line), and whether any database change is needed (if the project's rules forbid it, note that too), or whether it was code-only:
+   `task.sh note <id> "EventSaveService.php:669 skip condition extended ...; code-only change" --as backend-developer`
+   (Avoid backticks and `$` in the note.)
+6. **Closing — ALWAYS `review`, NEVER `done`:** at the end of your part, put the task into `review`, and describe in the note what you changed (file:line) or — if it was analysis only — why no code change was needed, and what's still left. **Main decides** whether it becomes `done` and any further handoff, after checking the review.
+   `task.sh status <id> review "my BE part is done — see note" --as backend-developer`
+   Put it into `review` even if you think it's fully done (or no change was needed) — main closes it as `done`.
+7. **When a new sub-task comes up** (e.g. a risk you discovered), add it as a separate task, don't fold it into the current one:
+   `task.sh add <new-id> "<title>" "<description>" --as backend-developer`
+   `task.sh assign <new-id> backend-developer --as backend-developer`
+## Collaboration
+- **Main** coordinates. If your queue is empty, notify main (`SendMessage`).
+- Always update status via `task.sh` — other agents are notified of this via the inbox.