kanbo-cli 0.1.0

package/dist/page/board.css

@@ -0,0 +1,477 @@
+/*
+ * The board page's look: a small set of colour and spacing tokens, with
+ * Tailwind's colour values written out. No web fonts: the page loads nothing
+ * but itself.
+ */
+
+:root {
+  --neutral-50: oklch(98.5% 0 0);
+  --neutral-100: oklch(97% 0 0);
+  --neutral-400: oklch(70.8% 0 0);
+  --neutral-500: oklch(55.6% 0 0);
+  --neutral-800: oklch(26.9% 0 0);
+  --neutral-950: oklch(14.5% 0 0);
+  --amber-500: oklch(76.9% 0.188 70.08);
+  --emerald-500: oklch(69.6% 0.17 162.48);
+  --blue-500: oklch(62.3% 0.214 259.815);
+  --red-500: oklch(63.7% 0.237 25.331);
+
+  --radius: 0.625rem;
+  --topbar-height: 45px;
+  --background: var(--neutral-50);
+  --foreground: var(--neutral-800);
+  --card: #fff;
+  --primary: var(--neutral-800);
+  --primary-foreground: var(--neutral-50);
+  --muted: rgb(0 0 0 / 4%);
+  --muted-foreground: var(--neutral-500);
+  --accent: rgb(0 0 0 / 7%);
+  --border: rgb(0 0 0 / 6%);
+  --border-strong: rgb(0 0 0 / 14%);
+  --input: rgb(0 0 0 / 7%);
+  --ring: var(--neutral-400);
+  --destructive: var(--red-500);
+  --info: var(--blue-500);
+  --success: var(--emerald-500);
+  --warning: var(--amber-500);
+  --font-sans: 'Geist Variable', 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
+  --font-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
+  color-scheme: light dark;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: color-mix(in srgb, var(--neutral-950) 94%, #fff);
+    --foreground: var(--neutral-100);
+    --card: color-mix(in srgb, var(--background) 98%, #fff);
+    --primary: var(--neutral-100);
+    --primary-foreground: var(--neutral-800);
+    --muted: rgb(255 255 255 / 4%);
+    --muted-foreground: color-mix(in srgb, var(--neutral-500) 90%, #fff);
+    --accent: rgb(255 255 255 / 8%);
+    --border: rgb(255 255 255 / 5%);
+    --border-strong: rgb(255 255 255 / 12%);
+    --input: rgb(255 255 255 / 7%);
+    --ring: var(--neutral-500);
+    --destructive: color-mix(in srgb, var(--red-500) 90%, #fff);
+  }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-sans);
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased;
+}
+
+:focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
+button {
+  font: inherit;
+  color: inherit;
+  cursor: pointer;
+  border: 0;
+  border-radius: calc(var(--radius) * 0.8);
+  padding: 4px 10px;
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.primary {
+  background: var(--primary);
+  color: var(--primary-foreground);
+}
+
+.secondary {
+  background: var(--card);
+  box-shadow: inset 0 0 0 1px var(--border-strong);
+}
+
+.ghost {
+  background: transparent;
+  color: var(--muted-foreground);
+}
+
+.ghost:hover,
+.secondary:hover {
+  background: var(--accent);
+}
+
+.field {
+  font: inherit;
+  font-size: 13px;
+  color: inherit;
+  width: 100%;
+  background: var(--card);
+  border: 1px solid var(--input);
+  border-radius: calc(var(--radius) * 0.8);
+  padding: 6px 8px;
+  resize: vertical;
+}
+
+.row {
+  display: flex;
+  gap: 6px;
+  margin-top: 6px;
+}
+
+/* The top bar */
+
+.topbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: var(--topbar-height);
+  padding: 0 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.topbar-title {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.workspace {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+
+.token-form {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.token-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+
+.token-input {
+  width: 180px;
+  padding: 3px 8px;
+}
+
+.notice {
+  margin: 8px 16px 0;
+  padding: 6px 10px;
+  border-radius: calc(var(--radius) * 0.8);
+  font-size: 12px;
+  background: var(--muted);
+}
+
+.notice[data-kind='error'] {
+  color: var(--destructive);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--destructive) 40%, transparent);
+}
+
+/* The board */
+
+.board {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
+  padding: 12px 16px 24px;
+  overflow-x: auto;
+  min-height: calc(100vh - var(--topbar-height));
+}
+
+.column {
+  flex: 0 0 280px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 6px;
+  border-radius: var(--radius);
+  min-height: 120px;
+}
+
+.column.drop-target {
+  background: var(--muted);
+  box-shadow: inset 0 0 0 1px var(--border-strong);
+}
+
+.column-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 2px 4px;
+  font-size: 13px;
+  font-weight: 500;
+}
+
+.column-count {
+  color: var(--muted-foreground);
+  font-variant-numeric: tabular-nums;
+  font-size: 12px;
+}
+
+.column-add {
+  margin-left: auto;
+}
+
+.column-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.draft {
+  padding: 8px;
+  background: var(--card);
+  border-radius: var(--radius);
+  box-shadow: inset 0 0 0 1px var(--border-strong);
+}
+
+/* A card */
+
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 10px 12px;
+  background: var(--card);
+  border-radius: var(--radius);
+  box-shadow: inset 0 0 0 1px var(--border);
+  transition: box-shadow 150ms cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.card:hover {
+  box-shadow: inset 0 0 0 1px var(--border-strong);
+}
+
+.card.dragging {
+  opacity: 0.4;
+}
+
+.card-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.card-key {
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--muted-foreground);
+  font-variant-numeric: tabular-nums;
+}
+
+.card-title {
+  all: unset;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.375;
+  text-wrap: pretty;
+  overflow-wrap: anywhere;
+  cursor: pointer;
+}
+
+/* The title is the card's one button, stretched over the whole card. */
+.card-title::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: var(--radius);
+}
+
+.card-title:focus-visible::after {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
+.card-status {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.status-line {
+  flex: 1;
+  min-width: 0;
+  margin: 0;
+  padding-left: 8px;
+  border-left: 2px solid var(--border);
+  font-size: 11px;
+  line-height: 1.375;
+  color: var(--muted-foreground);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.status-line[data-category='triage'] {
+  border-left-color: color-mix(in srgb, var(--info) 60%, transparent);
+}
+
+.status-line[data-category='started'] {
+  border-left-color: color-mix(in srgb, var(--warning) 60%, transparent);
+}
+
+.status-line[data-category='completed'] {
+  border-left-color: color-mix(in srgb, var(--success) 60%, transparent);
+}
+
+.waiting-badge {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  height: 20px;
+  padding: 0 6px;
+  border: 1px solid color-mix(in srgb, var(--warning) 50%, transparent);
+  border-radius: calc(var(--radius) * 0.6);
+  font-size: 11px;
+  font-weight: 500;
+  color: var(--warning);
+}
+
+.attempt-chip {
+  flex-shrink: 0;
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--muted-foreground);
+  font-variant-numeric: tabular-nums;
+}
+
+.run-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--info);
+  animation: run-pulse 1.4s ease-in-out infinite;
+}
+
+@keyframes run-pulse {
+  50% {
+    opacity: 0.35;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .run-dot {
+    animation: none;
+  }
+}
+
+/* The side panel, below the top bar so the token stays in reach */
+
+.panel {
+  position: fixed;
+  top: var(--topbar-height);
+  right: 0;
+  bottom: 0;
+  width: min(440px, 100vw);
+  overflow-y: auto;
+  padding: 14px 18px 24px;
+  background: var(--card);
+  border-left: 1px solid var(--border-strong);
+}
+
+.panel-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.panel-title {
+  margin: 8px 0 4px;
+  font-size: 16px;
+  font-weight: 600;
+  overflow-wrap: anywhere;
+}
+
+.panel-facts {
+  margin: 0 0 8px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+
+.panel .status-line {
+  white-space: normal;
+}
+
+.panel-notice {
+  margin: 10px 0;
+  padding: 6px 10px;
+  border-radius: calc(var(--radius) * 0.8);
+  font-size: 12px;
+  color: var(--destructive);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--destructive) 40%, transparent);
+}
+
+.panel-section {
+  margin-top: 18px;
+}
+
+.panel-section h3 {
+  margin: 0 0 6px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--muted-foreground);
+}
+
+.description {
+  font-size: 13px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+.empty,
+.hint {
+  margin: 0;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
+
+.entries {
+  list-style: none;
+  margin: 0 0 8px;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.entry-meta {
+  display: flex;
+  gap: 8px;
+  font-size: 11px;
+  color: var(--muted-foreground);
+}
+
+.entry-author {
+  font-weight: 500;
+  color: var(--foreground);
+}
+
+.entry-text {
+  font-size: 13px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+[hidden] {
+  display: none !important;
+}

package/dist/page/board.js

@@ -0,0 +1,2 @@
+(function(){var e=class extends Error{status;code;constructor(e,t,n){super(n),this.status=e,this.code=t}};function t(t){async function r(r,i,a){let o={},s=t();s&&(o.authorization=`Bearer ${s}`),r!==`GET`&&(o[`content-type`]=`application/json`);let c=await fetch(i,{method:r,headers:o,body:a===void 0?void 0:JSON.stringify(a)}),l=await c.text();if(!c.ok){let t=n(l);throw new e(c.status,t?.code??`unknown`,t?.message??`${c.status} ${c.statusText}`)}return JSON.parse(l)}let i=e=>`/issues/${encodeURIComponent(e)}`;return{version:async()=>(await r(`GET`,`/issues/version`)).seq,statuses:async()=>await r(`GET`,`/issues/statuses`),cards:async()=>await r(`GET`,`/issues`),createCard:async e=>await r(`POST`,`/issues`,e),moveCard:async(e,t)=>await r(`PATCH`,`${i(e)}/status/${encodeURIComponent(t)}`),comments:async e=>await r(`GET`,`${i(e)}/comments`),addComment:async(e,t)=>await r(`POST`,`${i(e)}/comments`,{content:t}),activity:async e=>await r(`GET`,`${i(e)}/activity`),runs:async e=>await r(`GET`,`${i(e)}/runs`),approve:async(e,t)=>await r(`POST`,`${i(e)}/approve`,{comment:t}),returnCard:async(e,t)=>await r(`POST`,`${i(e)}/return`,{comment:t})}}function n(e){try{return JSON.parse(e)}catch{return null}}function r(e){return e.title===e.id?i(e.description)??e.title:e.title}function i(e){for(let t of(e??``).split(`
+`)){let e=a(t);if(e)return e.length>120?`${e.slice(0,119).trimEnd()}…`:e}return null}function a(e){return e.replace(/^\s*(?:>\s*)+/,``).replace(/^\s*#{1,6}\s+/,``).replace(/^\s*(?:[-*+]|\d+[.)])\s+(?:\[[ x]\]\s+)?/i,``).replace(/!\[([^\]]*)\]\([^)]*\)/g,`$1`).replace(/\[([^\]]*)\]\([^)]*\)/g,`$1`).replace(/<[^>]+>/g,``).replace(/[*_~`]/g,``).replace(/\s+/g,` `).trim()}function o(e,t,n){let r=document.createElement(e);return t&&(r.className=t),n!==void 0&&(r.textContent=n),r}function s(e,t,n){let r=o(`button`,t,e);return r.type=`button`,r.addEventListener(`click`,n),r}function c(e,t,n){let i=o(`article`,`card`);i.draggable=!0,i.dataset.cardId=e.id;let a=o(`div`,`card-head`);if(a.append(o(`span`,`card-key`,e.id)),e.activeRun?.state===`running`){let t=o(`span`,`run-dot`);t.title=`Running: ${e.activeRun.agentName}`,t.setAttribute(`role`,`img`),t.setAttribute(`aria-label`,t.title),a.append(t)}i.append(a);let s=o(`button`,`card-title`,r(e));s.type=`button`,s.addEventListener(`click`,()=>n(e)),i.append(s);let c=e.statusLine?.trim()??``,l=e.waitingFor===`human`,u=e.attemptCount>1;if(c||l||u){let n=o(`div`,`card-status`);if(c){let e=o(`p`,`status-line`,c);e.title=c,e.dataset.category=t??`unstarted`,n.append(e)}if(l&&n.append(o(`span`,`waiting-badge`,`Waiting for you`)),u){let t=o(`span`,`attempt-chip`,`×${e.attemptCount}`);t.title=`Attempt ${e.attemptCount}`,n.append(t)}i.append(n)}return i}function l(e,t){let n=new Set(t.map(e=>e.statusId)),r=e.filter(e=>e.category!==`canceled`||n.has(e.id)).map(e=>({id:e.id,name:e.name,status:e,cards:[]})),i=new Map(r.map(e=>[e.id,e])),a=new Set(e.map(e=>e.id));for(let e of t){let t=e.statusId??``,n=i.get(t);!n&&!a.has(t)&&(n={id:t,name:e.statusId??`No status`,status:null,cards:[]},i.set(t,n),r.push(n)),n?.cards.push(e)}return r}function u(e,t,n){let{card:i,status:a}=e,c=o(`aside`,`panel`);c.setAttribute(`aria-label`,`Card ${i.id}`);let l=o(`div`,`panel-head`);l.append(o(`span`,`card-key`,i.id),s(`Close`,`ghost`,t.close)),c.append(l),c.append(o(`h2`,`panel-title`,r(i)));let u=o(`p`,`panel-facts`,a?a.name:`No column`);if(i.waitingFor===`human`&&u.append(` `,o(`span`,`waiting-badge`,`Waiting for you`)),c.append(u),i.statusLine?.trim()){let e=o(`p`,`status-line`,i.statusLine.trim());e.dataset.category=a?.category??`unstarted`,c.append(e)}let _=o(`p`,`panel-notice`,n??``);return _.setAttribute(`role`,`alert`),_.hidden=!n,c.append(_),c.append(d(`Description`,i.description?.trim()?o(`div`,`description`,i.description):o(`p`,`empty`,`No description.`))),c.append(f(i,t)),c.append(d(`Comments`,...p(e.comments),m(t))),c.append(d(`Activity`,h(e.activity,e=>[g(e),e.createdAt],`No activity.`))),c.append(d(`Runs`,h(e.runs,e=>[v(e),e.startedAt],`No runs.`))),c}function d(e,...t){let n=o(`section`,`panel-section`);return n.append(o(`h3`,void 0,e),...t),n}function f(e,t){let n=o(`textarea`,`field`);n.rows=2,n.placeholder=e.waitingFor===`human`?`A note for the agent (needed to return)`:`Why it goes back (needed to return)`,n.setAttribute(`aria-label`,`Decision note`);let r=o(`p`,`hint`),i=o(`div`,`row`);return e.waitingFor===`human`&&i.append(s(`Approve`,`primary`,()=>t.approve(n.value.trim()||null))),i.append(s(`Return`,`secondary`,()=>{let e=n.value.trim();if(!e){r.textContent=`Say why in the note to return the card.`,n.focus();return}t.returnCard(e)})),d(`Decision`,n,i,r)}function p(e){if(e.length===0)return[o(`p`,`empty`,`No comments.`)];let t=o(`ul`,`entries`);for(let n of e){let e=o(`li`),r=o(`div`,`entry-meta`);r.append(o(`span`,`entry-author`,n.author.displayName),o(`span`,void 0,y(n.createdAt))),e.append(r,o(`div`,`entry-text`,n.content)),t.append(e)}return[t]}function m(e){let t=o(`div`,`comment-form`),n=o(`textarea`,`field`);return n.rows=2,n.placeholder=`Add a comment`,n.setAttribute(`aria-label`,`New comment`),t.append(n,s(`Comment`,`secondary`,()=>{let t=n.value.trim();t&&e.addComment(t)})),t}function h(e,t,n){if(e.length===0)return o(`p`,`empty`,n);let r=o(`ul`,`entries`);for(let n of e){let[e,i]=t(n),a=o(`li`);a.append(o(`div`,`entry-text`,e),o(`div`,`entry-meta`,y(i))),r.append(a)}return r}function g(e){let t=e.actor.displayName;if(e.kind===`created`)return`${t} created the card`;if(e.kind===`comment`)return`${t}: ${e.comment?.content??``}`;let n=e.fieldChange;if(!n)return`${t} changed the card`;switch(n.action){case`added-description`:return`${t} added the description`;case`updated-description`:return`${t} updated the description`;case`cleared-description`:return`${t} cleared the description`;case`renamed-issue`:return`${t} renamed the card to ${_(n.toValue)}`;case`changed-field`:{let e=n.fromValue?` from ${_(n.fromValue)}`:``;return`${t} changed ${n.field??`a field`}${e} to ${_(n.toValue)}`}}}function _(e){return e?e.kind===`text`?e.text:e.kind===`date`?(/* @__PURE__ */ new Date(e.timestamp*1e3)).toLocaleDateString():e.token===`current-user`?`you`:e.token.replaceAll(`-`,` `):`nothing`}function v(e){return[`Attempt ${e.attempt}`,e.agentName,e.state,e.branch].filter(Boolean).join(` · `)}function y(e){return(/* @__PURE__ */ new Date(e*1e3)).toLocaleString()}let b=`kanbo-serve-token`;function x(){try{return sessionStorage.getItem(b)}catch{return null}}function S(e){try{e?sessionStorage.setItem(b,e):sessionStorage.removeItem(b)}catch{}}let C=x(),w=t(()=>C),T=[],E=[],D=null,O=!1,k=!1,A=null,j=null,M=null,N=null,P=null,F=document.querySelector(`#app`)??document.body,I=o(`input`,`field token-input`),L=o(`p`,`notice`),R=o(`main`,`board`),z=o(`div`,`panel-host`);function B(){let e=o(`header`,`topbar`),t=o(`h1`,`topbar-title`,`Kanbo`),n=o(`span`,`workspace`);n.id=`workspace`;let r=o(`form`,`token-form`);I.type=`password`,I.autocomplete=`off`,I.placeholder=`Server token`,I.value=C??``;let i=o(`label`,`token-label`,`Token`);i.append(I);let a=o(`button`,`secondary`,`Save`);a.type=`submit`,r.append(i,a),r.addEventListener(`submit`,e=>{e.preventDefault(),C=I.value.trim()||null,S(C),O=!1,H(null),K()}),e.append(t,n,r),L.setAttribute(`role`,`status`),L.hidden=!0,F.replaceChildren(e,L,R,z)}let V=!1;function H(e,t=`info`){L.textContent=e??``,L.hidden=!e,L.dataset.kind=t,V=!1}function U(t){return t instanceof e?t.status===401?(O=!0,I.focus(),`This server needs its token. Enter it in the Token field above.`):t.message:t instanceof Error?t.message:String(t)}function W(e){H(U(e),`error`),V=!0}function G(){V&&(V=!1,H(null))}async function K(){if(!k){k=!0;try{let e=await w.version(),[t,n]=await Promise.all([w.statuses(),w.cards()]);D=e,T=t,E=n,J(),G(),j&&await Z()}catch(e){W(e)}finally{k=!1}}}async function q(){if(!(document.visibilityState!==`visible`||O||k))try{await w.version()===D?G():await K()}catch(e){W(e)}}function J(){let e=document.querySelector(`#workspace`);e&&(e.textContent=T[0]?.workspaceId??``);let t=A!==null&&document.activeElement===A.input,n=document.activeElement?.closest(`.card`)?.dataset.cardId??null;R.replaceChildren(...l(T,E).map(X)),t?A?.input.focus():n&&Y(n)}function Y(e){for(let t of R.querySelectorAll(`.card`))t.dataset.cardId===e&&t.querySelector(`.card-title`)?.focus()}function X(e){let t=o(`section`,`column`);t.setAttribute(`aria-label`,e.name);let n=o(`header`,`column-head`);n.append(o(`span`,`column-name`,e.name),o(`span`,`column-count`,String(e.cards.length)));let r=e.status;if(r){let t=s(`+ New`,`ghost column-add`,()=>te(r));t.setAttribute(`aria-label`,`New card in ${e.name}`),n.append(t)}let i=o(`div`,`column-cards`);A&&A.statusId===e.id&&i.append(A.form);for(let t of e.cards){let e=c(t,r?.category??null,e=>void ne(e.id));e.addEventListener(`dragstart`,n=>{P=t.id,n.dataTransfer?.setData(`text/plain`,t.id),e.classList.add(`dragging`)}),e.addEventListener(`dragend`,()=>{P=null,e.classList.remove(`dragging`)}),i.append(e)}return t.append(n,i),r&&(t.addEventListener(`dragover`,e=>{P&&(e.preventDefault(),t.classList.add(`drop-target`))}),t.addEventListener(`dragleave`,e=>{t.contains(e.relatedTarget)||t.classList.remove(`drop-target`)}),t.addEventListener(`drop`,e=>{e.preventDefault(),t.classList.remove(`drop-target`);let n=P;P=null,n&&ee(n,r)})),t}async function ee(e,t){if(E.find(t=>t.id===e)?.statusId!==t.id){try{let n=await w.moveCard(e,t.id),r=n.unmetRules??[];H(r.length>0?`${n.id} is in ${t.name}, but still misses: ${r.map(e=>e.detail).join(`; `)}`:null)}catch(e){H(U(e),`error`)}await K()}}function te(e){let t=o(`div`,`draft`),n=o(`textarea`,`field`);n.rows=3,n.placeholder=`Describe the card`,n.setAttribute(`aria-label`,`New card in ${e.name}`);let r=async()=>{let t=n.value.trim();if(!t){n.focus();return}try{let n=await w.createCard({workspaceId:e.workspaceId,statusId:e.id,description:t});A=null,H(n.unmetRules?.length?`${n.id} is in ${e.name}, but still misses: ${n.unmetRules.map(e=>e.detail).join(`; `)}`:null)}catch(e){H(U(e),`error`)}await K()},i=()=>{A=null,J()};n.addEventListener(`keydown`,e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)?(e.preventDefault(),r()):e.key===`Escape`&&(e.stopPropagation(),i())});let a=o(`div`,`row`);a.append(s(`Create`,`primary`,()=>void r()),s(`Cancel`,`ghost`,i)),t.append(n,a),A={statusId:e.id,form:t,input:n},J(),n.focus()}async function ne(e){j=e,N=null,await Z()}async function Z(){let e=j,t=E.find(t=>t.id===e);if(!e||!t){$();return}if(!(M?.card.id===e&&re(z))){try{let[n,r,i]=await Promise.all([w.comments(e),w.activity(e),w.runs(e)]);M={card:t,status:T.find(e=>e.id===t.statusId)??null,comments:n,activity:r,runs:i}}catch(e){N=U(e)}ie()}}function re(e){return[...e.querySelectorAll(`textarea`)].some(e=>e.value.trim()!==``||document.activeElement===e)}function ie(){if(!M||M.card.id!==j){z.replaceChildren();return}let e=M.card.id,t=u(M,{close:$,addComment:t=>void Q(async()=>{await w.addComment(e,t)}),approve:t=>void Q(async()=>{await w.approve(e,t)}),returnCard:t=>void Q(async()=>{await w.returnCard(e,t)})},N),n=!z.firstChild;z.replaceChildren(t),n&&t.querySelector(`button`)?.focus()}async function Q(t){try{await t(),N=null;for(let e of z.querySelectorAll(`textarea`))e.value=``}catch(t){let n=U(t);N=t instanceof e&&t.status===403?`${n} Needs the server token: only a request holding the token this server was started with acts for a person.`:n;let r=z.querySelector(`.panel-notice`);r&&(r.textContent=N,r.hidden=!1);return}await K()}function $(){let e=j;j=null,M=null,N=null,z.replaceChildren(),e&&Y(e)}document.addEventListener(`keydown`,e=>{e.key===`Escape`&&j&&$()}),document.addEventListener(`visibilitychange`,()=>void q()),B(),K(),setInterval(()=>void q(),2e3)})();

package/drizzle-postgres/0000_board.sql

@@ -0,0 +1,135 @@
+CREATE TABLE "issue_comments" (
+	"id" text PRIMARY KEY NOT NULL,
+	"issue_id" text NOT NULL,
+	"content" text NOT NULL,
+	"author_kind" text DEFAULT 'user' NOT NULL,
+	"author_id" text,
+	"source_chat_session_id" text,
+	"agent_activity_id" text,
+	"dedupe_key" text,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "issue_field_changes" (
+	"id" text PRIMARY KEY NOT NULL,
+	"issue_id" text NOT NULL,
+	"field" text NOT NULL,
+	"from_value" text,
+	"to_value" text,
+	"actor_kind" text DEFAULT 'user' NOT NULL,
+	"actor_id" text,
+	"source_chat_session_id" text,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "issue_milestones" (
+	"id" text PRIMARY KEY NOT NULL,
+	"workspace_id" text NOT NULL,
+	"title" text NOT NULL,
+	"description" text,
+	"due_date" bigint,
+	"status" text DEFAULT 'open' NOT NULL,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL,
+	"updated_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "issue_relations" (
+	"id" text PRIMARY KEY NOT NULL,
+	"source_issue_id" text NOT NULL,
+	"target_issue_id" text NOT NULL,
+	"type" text NOT NULL,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "issue_runs" (
+	"id" text PRIMARY KEY NOT NULL,
+	"issue_id" text NOT NULL,
+	"launched_by_kind" text DEFAULT 'user' NOT NULL,
+	"launched_by_id" text,
+	"agent_id" text,
+	"agent_name" text NOT NULL,
+	"host" text,
+	"execution_mode" text DEFAULT 'worktree' NOT NULL,
+	"branch" text,
+	"worktree_path" text,
+	"state" text DEFAULT 'running' NOT NULL,
+	"chat_session_id" text,
+	"started_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL,
+	"ended_at" bigint,
+	"seq" bigserial NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "issue_statuses" (
+	"id" text PRIMARY KEY NOT NULL,
+	"workspace_id" text NOT NULL,
+	"name" text NOT NULL,
+	"description" text,
+	"color" text,
+	"category" text DEFAULT 'unstarted' NOT NULL,
+	"order" integer DEFAULT 0 NOT NULL,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "issues" (
+	"id" text PRIMARY KEY NOT NULL,
+	"workspace_id" text NOT NULL,
+	"number" integer NOT NULL,
+	"status_id" text,
+	"milestone_id" text,
+	"parent_issue_id" text,
+	"title" text NOT NULL,
+	"description" text,
+	"priority" text DEFAULT 'none' NOT NULL,
+	"labels" text DEFAULT '[]' NOT NULL,
+	"assignee_kind" text,
+	"assignee_id" text,
+	"due_date" bigint,
+	"created_by_kind" text DEFAULT 'user' NOT NULL,
+	"created_by_id" text DEFAULT '__self__' NOT NULL,
+	"source_chat_session_id" text,
+	"delegate_agent_id" text,
+	"delegate_provider_target_id" text,
+	"context_refs" text DEFAULT '[]' NOT NULL,
+	"status_line" text,
+	"waiting_for" text,
+	"execution_mode" text DEFAULT 'worktree' NOT NULL,
+	"order" integer DEFAULT 0 NOT NULL,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL,
+	"updated_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "kanban_meta" (
+	"key" text PRIMARY KEY NOT NULL,
+	"revision" integer DEFAULT 0 NOT NULL,
+	"updated_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "issue_comments" ADD CONSTRAINT "issue_comments_issue_id_issues_id_fk" FOREIGN KEY ("issue_id") REFERENCES "public"."issues"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issue_field_changes" ADD CONSTRAINT "issue_field_changes_issue_id_issues_id_fk" FOREIGN KEY ("issue_id") REFERENCES "public"."issues"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issue_relations" ADD CONSTRAINT "issue_relations_source_issue_id_issues_id_fk" FOREIGN KEY ("source_issue_id") REFERENCES "public"."issues"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issue_relations" ADD CONSTRAINT "issue_relations_target_issue_id_issues_id_fk" FOREIGN KEY ("target_issue_id") REFERENCES "public"."issues"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issue_runs" ADD CONSTRAINT "issue_runs_issue_id_issues_id_fk" FOREIGN KEY ("issue_id") REFERENCES "public"."issues"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issues" ADD CONSTRAINT "issues_status_id_issue_statuses_id_fk" FOREIGN KEY ("status_id") REFERENCES "public"."issue_statuses"("id") ON DELETE set null ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issues" ADD CONSTRAINT "issues_milestone_id_issue_milestones_id_fk" FOREIGN KEY ("milestone_id") REFERENCES "public"."issue_milestones"("id") ON DELETE set null ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "issues" ADD CONSTRAINT "issues_parent_issue_id_issues_id_fk" FOREIGN KEY ("parent_issue_id") REFERENCES "public"."issues"("id") ON DELETE set null ON UPDATE no action;--> statement-breakpoint
+CREATE INDEX "issue_comments_issue_id_idx" ON "issue_comments" USING btree ("issue_id");--> statement-breakpoint
+CREATE UNIQUE INDEX "issue_comments_issue_dedupe_idx" ON "issue_comments" USING btree ("issue_id","dedupe_key");--> statement-breakpoint
+CREATE INDEX "issue_field_changes_issue_id_idx" ON "issue_field_changes" USING btree ("issue_id");--> statement-breakpoint
+CREATE INDEX "issue_milestones_workspace_id_idx" ON "issue_milestones" USING btree ("workspace_id");--> statement-breakpoint
+CREATE INDEX "issue_relations_source_issue_id_idx" ON "issue_relations" USING btree ("source_issue_id");--> statement-breakpoint
+CREATE INDEX "issue_relations_target_issue_id_idx" ON "issue_relations" USING btree ("target_issue_id");--> statement-breakpoint
+CREATE UNIQUE INDEX "issue_relations_pair_type_unique" ON "issue_relations" USING btree ("source_issue_id","target_issue_id","type");--> statement-breakpoint
+CREATE INDEX "issue_runs_issue_id_idx" ON "issue_runs" USING btree ("issue_id");--> statement-breakpoint
+CREATE INDEX "issue_runs_issue_state_idx" ON "issue_runs" USING btree ("issue_id","state");--> statement-breakpoint
+CREATE INDEX "issue_runs_chat_session_idx" ON "issue_runs" USING btree ("chat_session_id");--> statement-breakpoint
+CREATE INDEX "issue_statuses_workspace_id_idx" ON "issue_statuses" USING btree ("workspace_id");--> statement-breakpoint
+CREATE UNIQUE INDEX "issue_statuses_workspace_name_unique" ON "issue_statuses" USING btree ("workspace_id","name");--> statement-breakpoint
+CREATE INDEX "issues_workspace_id_idx" ON "issues" USING btree ("workspace_id");--> statement-breakpoint
+CREATE UNIQUE INDEX "issues_workspace_number_unique" ON "issues" USING btree ("workspace_id","number");--> statement-breakpoint
+CREATE INDEX "issues_status_id_idx" ON "issues" USING btree ("status_id");--> statement-breakpoint
+CREATE INDEX "issues_milestone_id_idx" ON "issues" USING btree ("milestone_id");--> statement-breakpoint
+CREATE INDEX "issues_parent_issue_id_idx" ON "issues" USING btree ("parent_issue_id");--> statement-breakpoint
+CREATE INDEX "issues_delegate_agent_id_idx" ON "issues" USING btree ("delegate_agent_id");--> statement-breakpoint
+CREATE INDEX "issues_delegate_provider_target_id_idx" ON "issues" USING btree ("delegate_provider_target_id");--> statement-breakpoint
+INSERT INTO "kanban_meta" ("key", "revision") VALUES ('board', 0) ON CONFLICT ("key") DO NOTHING;--> statement-breakpoint
+INSERT INTO "kanban_meta" ("key", "revision") VALUES ('schema_epoch', 1) ON CONFLICT ("key") DO NOTHING;

package/drizzle-postgres/0001_history_order.sql

@@ -0,0 +1,2 @@
+ALTER TABLE "issue_comments" ADD COLUMN "seq" bigserial NOT NULL;--> statement-breakpoint
+ALTER TABLE "issue_field_changes" ADD COLUMN "seq" bigserial NOT NULL;

package/drizzle-postgres/0002_issue_pull_requests.sql

@@ -0,0 +1,16 @@
+CREATE TABLE "issue_pull_requests" (
+	"id" text PRIMARY KEY NOT NULL,
+	"issue_id" text NOT NULL,
+	"owner" text NOT NULL,
+	"repo" text NOT NULL,
+	"number" integer NOT NULL,
+	"url" text NOT NULL,
+	"created_by_kind" text NOT NULL,
+	"created_by_id" text,
+	"created_at" bigint DEFAULT (extract(epoch from now())::bigint) NOT NULL,
+	"seq" bigserial NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "issue_pull_requests" ADD CONSTRAINT "issue_pull_requests_issue_id_issues_id_fk" FOREIGN KEY ("issue_id") REFERENCES "public"."issues"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+CREATE UNIQUE INDEX "issue_pull_requests_issue_pr_unique" ON "issue_pull_requests" USING btree ("issue_id","owner","repo","number");--> statement-breakpoint
+CREATE INDEX "issue_pull_requests_pr_idx" ON "issue_pull_requests" USING btree ("owner","repo","number");

package/drizzle-postgres/0003_milestone_start_date.sql

@@ -0,0 +1 @@
+ALTER TABLE "issue_milestones" ADD COLUMN "start_date" bigint;

package/drizzle-postgres/0004_status_entry_rules.sql

@@ -0,0 +1 @@
+ALTER TABLE "issue_statuses" ADD COLUMN "entry_rules" text;

package/drizzle-postgres/0005_run_external_session_ref.sql

@@ -0,0 +1 @@
+ALTER TABLE "issue_runs" ADD COLUMN "external_session_ref" text;