hotsheet 0.2.2 → 0.2.4
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.
- package/README.md +51 -4
- package/dist/cli.js +788 -142
- package/dist/client/app.global.js +3 -3
- package/dist/client/styles.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(()=>{var ye=Object.defineProperty;var ge=(e,t,s)=>t in e?ye(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var J=(e,t,s)=>ge(e,typeof t!="symbol"?t+"":t,s);function G(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function Y(e){return e.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(/</g,"<").replace(/>/g,">")}var h=class{constructor(t){J(this,"__html");this.__html=t}toString(){return this.__html}};function k(e){return new h(e)}var ve=new Set(["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"]);function A(e){return e==null||typeof e=="boolean"?"":e instanceof h?e.__html:typeof e=="string"?G(e):typeof e=="number"?String(e):Array.isArray(e)?e.map(A).join(""):""}function he(e,t){if(t==null||t===!1)return"";if(t===!0)return` ${e}`;let s=e==="className"?"class":e==="htmlFor"?"for":e,i;return t instanceof h?i=t.__html:typeof t=="number"?i=String(t):typeof t=="string"?i=Y(t):i="",` ${s}="${i}"`}function l(e,t){if(typeof e=="function")return e(t);let{children:s,...i}=t,a=Object.entries(i).map(([d,o])=>he(d,o)).join("");if(ve.has(e))return new h(`<${e}${a}>`);let r=s!=null?A(s):"";return new h(`<${e}${a}>${r}</${e}>`)}function x({children:e}){return new h(e!=null?A(e):"")}function g(e){let t=document.createElement("template");return t.innerHTML=e.toString(),t.content.firstElementChild}function X(e){document.getElementById("network-error-popup")?.remove();let t=g(l("div",{id:"network-error-popup",className:"error-popup",children:l("div",{className:"error-popup-content",children:[l("strong",{children:"Connection Error"}),l("p",{children:e}),l("button",{children:k("Dismiss")})]})}));t.querySelector("button").addEventListener("click",()=>t.remove()),document.body.appendChild(t)}async function c(e,t={}){try{return(await fetch("/api"+e,{headers:t.body!==void 0?{"Content-Type":"application/json"}:{},method:t.method,body:t.body!==void 0?JSON.stringify(t.body):void 0})).json()}catch(s){throw X("Unable to reach the server. It may have been stopped."),s}}async function Q(e,t){try{let s=new FormData;return s.append("file",t),(await fetch("/api"+e,{method:"POST",body:s})).json()}catch(s){throw X("Unable to reach the server. It may have been stopped."),s}}var be={detail_position:"side",detail_width:360,detail_height:300,trash_cleanup_days:3,verified_cleanup_days:30},n={tickets:[],selectedIds:new Set,lastClickedId:null,activeTicketId:null,view:"all",layout:"list",sortBy:"created",sortDir:"desc",search:"",settings:{...be}},ke={issue:"#6b7280",bug:"#ef4444",feature:"#22c55e",requirement_change:"#f97316",task:"#3b82f6",investigation:"#8b5cf6"},Te={issue:"ISS",bug:"BUG",feature:"FEA",requirement_change:"REQ",task:"TSK",investigation:"INV"},Ee={highest:"\u2B06\u2B06",high:"\u2B06",default:"\u2014",low:"\u2B07",lowest:"\u2B07\u2B07"},Ie={highest:"#ef4444",high:"#f97316",default:"#6b7280",low:"#3b82f6",lowest:"#94a3b8"},Le={not_started:"\u25CB",started:"\u25D4",completed:"\u2713",verified:"svg"},Z='<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 7 17l-5-5"/><path d="m22 10-9.5 9.5-2-2"/></svg>';function b(e){return ke[e]||"#6b7280"}function I(e){return Te[e]||"ISS"}function P(e){return Ee[e]||"\u2014"}function _(e){return Ie[e]||"#6b7280"}function ee(e){return Le[e]||"\u25CB"}function C(e){n.activeTicketId=e,se(e)}function te(){n.selectedIds.clear(),n.activeTicketId=null;let e=new CustomEvent("hotsheet:render");document.dispatchEvent(e)}function ne(){let e=n.view==="trash",t=document.getElementById("detail-panel"),s=document.getElementById("detail-resize-handle");if(n.selectedIds.size===1&&!e){let i=Array.from(n.selectedIds)[0];t.style.display="flex",s&&(s.style.display=""),n.activeTicketId!==i&&(n.activeTicketId=i,se(i))}else n.activeTicketId!=null&&(n.activeTicketId=null),t.style.display="none",s&&(s.style.display="none")}async function se(e){let t=await c(`/tickets/${e}`);if(n.activeTicketId!==e)return;document.getElementById("detail-ticket-number").textContent=t.ticket_number,document.getElementById("detail-title").value=t.title,document.getElementById("detail-category").value=t.category,document.getElementById("detail-priority").value=t.priority,document.getElementById("detail-status").value=t.status,document.getElementById("detail-upnext").checked=t.up_next,document.getElementById("detail-details").value=t.details;let s=document.getElementById("detail-attachments");t.attachments.length>0?s.innerHTML=l(x,{children:t.attachments.map(o=>l("div",{className:"attachment-item",children:[l("span",{className:"attachment-name",children:o.original_filename}),l("button",{className:"attachment-delete","data-att-id":String(o.id),title:"Remove",children:k("×")})]}))}).toString():s.innerHTML="";let i=document.getElementById("detail-notes-section"),a=document.getElementById("detail-notes"),r=we(t.notes);r.length>0?(i.style.display="",a.innerHTML=l(x,{children:r.map(o=>l("div",{className:"note-entry",children:[o.created_at?l("div",{className:"note-timestamp",children:new Date(o.created_at).toLocaleString()}):null,l("div",{className:"note-text",children:o.text})]}))}).toString()):(i.style.display="none",a.innerHTML="");let d=document.getElementById("detail-meta");d.innerHTML=l(x,{children:[l("div",{children:["Created: ",new Date(t.created_at).toLocaleString()]}),l("div",{children:["Updated: ",new Date(t.updated_at).toLocaleString()]}),t.completed_at?l("div",{children:["Completed: ",new Date(t.completed_at).toLocaleString()]}):null,t.verified_at?l("div",{children:["Verified: ",new Date(t.verified_at).toLocaleString()]}):null]}).toString()}function we(e){if(!e||e==="")return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t}catch{}return e.trim()?[{text:e,created_at:""}]:[]}async function $(){try{let e=await c("/stats"),t=document.getElementById("status-bar");t&&(t.textContent=`${e.total} tickets \xB7 ${e.open} open \xB7 ${e.up_next} up next`)}catch{}}function O(e){let t=document.getElementById("content-area");t.classList.remove("detail-side","detail-bottom"),t.classList.add(e==="bottom"?"detail-bottom":"detail-side")}function R(){let e=document.getElementById("detail-panel");n.settings.detail_position==="bottom"?(e.style.width="",e.style.height=`${n.settings.detail_height}px`):(e.style.height="",e.style.width=`${n.settings.detail_width}px`)}function ie(){let e=document.getElementById("detail-resize-handle"),t=document.getElementById("detail-panel"),s=document.getElementById("content-area"),i=!1;e.addEventListener("mousedown",a=>{a.preventDefault(),i=!0,document.body.style.cursor=n.settings.detail_position==="bottom"?"row-resize":"col-resize",document.body.style.userSelect="none"}),document.addEventListener("mousemove",a=>{if(!i)return;let r=s.getBoundingClientRect();if(n.settings.detail_position==="bottom"){let d=Math.max(150,Math.min(500,r.bottom-a.clientY));n.settings.detail_height=d,t.style.height=`${d}px`}else{let d=Math.max(250,Math.min(600,r.right-a.clientX));n.settings.detail_width=d,t.style.width=`${d}px`}}),document.addEventListener("mouseup",()=>{i&&(i=!1,document.body.style.cursor="",document.body.style.userSelect="",n.settings.detail_position==="bottom"?c("/settings",{method:"PATCH",body:{detail_height:String(n.settings.detail_height)}}):c("/settings",{method:"PATCH",body:{detail_width:String(n.settings.detail_width)}}))})}function H(e,t){let s=t.getBoundingClientRect(),i=e.getBoundingClientRect(),a=window.innerWidth,r=window.innerHeight,d=s.left;d+i.width>a-8&&(d=s.right-i.width),d<8&&(d=8);let o=s.bottom+4;o+i.height>r-8&&(o=s.top-i.height-4),o<8&&(o=8),e.style.left=`${d}px`,e.style.top=`${o}px`}function M(e,t){let s=g(l("div",{className:"dropdown-menu",style:"visibility:hidden;top:0;left:0",children:t.map(o=>l("button",{className:`dropdown-item${o.active?" active":""}`,"data-key":o.key,children:[o.color?l("span",{className:"dropdown-dot",style:`background-color:${o.color}`}):null,l("span",{className:"dropdown-label",children:o.label}),o.shortcut?l("kbd",{className:"dropdown-kbd",children:o.shortcut}):null]}))}));s.querySelectorAll(".dropdown-item").forEach((o,m)=>{o.addEventListener("click",()=>{t[m].action(),s.remove()})});function a(o){let m=t.find(u=>o.key.toLowerCase()===u.key.toLowerCase());m?(o.preventDefault(),o.stopPropagation(),m.action(),r()):o.key==="Escape"&&(o.preventDefault(),r())}function r(){s.remove(),document.removeEventListener("keydown",a,!0),document.removeEventListener("click",d)}function d(){r()}return document.addEventListener("keydown",a,!0),setTimeout(()=>{document.addEventListener("click",d)},0),s}function B(){document.querySelectorAll(".dropdown-menu").forEach(e=>{e.remove()})}var q=null,L=!1,w=null,U="",N=[{key:"i",value:"issue",label:"Issue"},{key:"b",value:"bug",label:"Bug"},{key:"f",value:"feature",label:"Feature"},{key:"r",value:"requirement_change",label:"Req Change"},{key:"k",value:"task",label:"Task"},{key:"g",value:"investigation",label:"Investigation"}],K=[{key:"1",value:"highest",label:"Highest"},{key:"2",value:"high",label:"High"},{key:"3",value:"default",label:"Default"},{key:"4",value:"low",label:"Low"},{key:"5",value:"lowest",label:"Lowest"}];function Se(){let e=document.activeElement;if(!e||!(e instanceof HTMLElement))return null;let t=e.closest(".ticket-row");if(!t)return null;if(t.classList.contains("draft-row"))return"draft";let s=t.dataset.id;return s!==void 0&&s!==""?parseInt(s,10):null}function xe(e){e!=null&&(L=!0,e==="draft"?v():document.querySelector(`.ticket-row[data-id="${e}"] .ticket-title-input`)?.focus(),L=!1)}function D(){let e=n.view;return e!=="completed"&&e!=="verified"&&e!=="trash"&&e!=="up-next"&&e!=="open"}function _e(){return n.view==="open"?[{status:"not_started",label:"Not Started"},{status:"started",label:"Started"}]:n.view==="non-verified"?[{status:"not_started",label:"Not Started"},{status:"started",label:"Started"},{status:"completed",label:"Completed"}]:[{status:"not_started",label:"Not Started"},{status:"started",label:"Started"},{status:"completed",label:"Completed"},{status:"verified",label:"Verified"}]}function f(){if(n.layout==="columns"&&D()){Ce();return}let e=n.view==="trash",t=Se(),s=null;if(t!=null&&t!=="draft"){let a=document.querySelector(`.ticket-row[data-id="${t}"] .ticket-title-input`);a&&(s=a.value)}let i=document.getElementById("ticket-list");i.innerHTML="",i.classList.remove("ticket-list-columns"),e||i.appendChild(re()),e&&n.tickets.length===0&&i.appendChild(g(l("div",{className:"ticket-list-empty",children:"Trash is empty"})));for(let a of n.tickets)i.appendChild(e?Ae(a):De(a));if(t!=null&&t!=="draft"&&s!=null){let a=document.querySelector(`.ticket-row[data-id="${t}"] .ticket-title-input`);a&&a.value!==s&&(a.value=s)}xe(t),T(),$()}function Ce(){let e=document.getElementById("ticket-list");e.innerHTML="",e.classList.add("ticket-list-columns"),e.appendChild(re());let t=_e(),s=g(l("div",{className:"columns-container"}));for(let i of t){let a=n.tickets.filter(o=>o.status===i.status),r=g(l("div",{className:"column","data-status":i.status,children:[l("div",{className:"column-header",children:[l("span",{className:"column-title",children:i.label}),l("span",{className:"column-count",children:String(a.length)})]}),l("div",{className:"column-body"})]})),d=r.querySelector(".column-body");for(let o of a)d.appendChild(He(o));d.addEventListener("dragover",o=>{o.preventDefault(),o.dataTransfer.dropEffect="move",r.classList.add("column-drop-target")}),d.addEventListener("dragleave",o=>{let m=o.relatedTarget;(!m||!d.contains(m))&&r.classList.remove("column-drop-target")}),d.addEventListener("drop",o=>{o.preventDefault(),r.classList.remove("column-drop-target");let m=o.dataTransfer.getData("application/hotsheet-tickets");if(!m)return;let u=JSON.parse(m);c("/tickets/batch",{method:"POST",body:{ids:u,action:"status",value:i.status}}).then(()=>{p()})}),s.appendChild(r)}e.appendChild(s),T(),$()}function He(e){let t=n.selectedIds.has(e.id),s=g(l("div",{className:`column-card${t?" selected":""}${e.up_next?" up-next":""}`,"data-id":String(e.id),children:[l("div",{className:"column-card-header",children:[l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,children:I(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("span",{className:"ticket-priority-indicator",style:`color:${_(e.priority)}`,children:P(e.priority)}),l("button",{className:`ticket-star${e.up_next?" active":""}`,title:e.up_next?"Remove from Up Next":"Add to Up Next",children:e.up_next?"\u2605":"\u2606"})]}),l("div",{className:"column-card-title",children:e.title})]})),i=s.querySelector(".ticket-priority-indicator");return i.addEventListener("click",a=>{a.stopPropagation(),ue(i,e)}),s.querySelector(".ticket-star").addEventListener("click",a=>{a.stopPropagation(),ce(e)}),s.draggable=!0,s.addEventListener("dragstart",a=>{let r;n.selectedIds.has(e.id)&&n.selectedIds.size>1?r=Array.from(n.selectedIds):r=[e.id],a.dataTransfer.setData("application/hotsheet-tickets",JSON.stringify(r)),a.dataTransfer.effectAllowed="move"}),s.addEventListener("click",a=>{if(a.metaKey||a.ctrlKey)n.selectedIds.has(e.id)?n.selectedIds.delete(e.id):n.selectedIds.add(e.id),n.lastClickedId=e.id;else if(a.shiftKey&&n.lastClickedId!=null){let r=n.tickets.map(m=>m.id),d=r.indexOf(n.lastClickedId),o=r.indexOf(e.id);if(d!==-1&&o!==-1){let m=Math.min(d,o),u=Math.max(d,o);n.selectedIds.clear();for(let y=m;y<=u;y++)n.selectedIds.add(r[y])}}else n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id;Me(),T()}),s}function Me(){document.querySelectorAll(".column-card[data-id]").forEach(e=>{let t=parseInt(e.dataset.id,10);n.selectedIds.has(t)?e.classList.add("selected"):e.classList.remove("selected")})}function re(){let e=le(),t=n.view.startsWith("category:"),s=g(l("div",{className:"ticket-row draft-row",children:[l("span",{className:"ticket-checkbox-spacer"}),l("span",{className:"ticket-status-btn draft-placeholder",children:"\u25CB"}),l("span",{className:"ticket-category-badge draft-badge",style:`background-color:${b(e)}${t?"":";cursor:pointer;opacity:1"}`,children:I(e)}),l("span",{className:"ticket-number draft-number"}),l("input",{type:"text",className:"ticket-title-input draft-input",placeholder:"New ticket...",value:U}),l("span",{className:"ticket-priority-indicator draft-placeholder"}),l("span",{className:"ticket-star draft-placeholder"})]}));if(!t){let a=s.querySelector(".ticket-category-badge");a.addEventListener("click",r=>{r.stopPropagation(),Ne(a)})}let i=s.querySelector(".draft-input");return i.addEventListener("input",()=>{U=i.value}),i.addEventListener("keydown",async a=>{if(a.key==="Enter"&&i.value.trim()){a.preventDefault();let r=i.value.trim();U="",i.value="";let d=Be();w&&!n.view.startsWith("category:")&&(d.category=w);let o=await c("/tickets",{method:"POST",body:{title:r,defaults:d}});o&&(n.selectedIds.clear(),n.selectedIds.add(o.id)),await p(),v()}else a.key==="ArrowDown"&&(a.preventDefault(),n.tickets.length>0&&document.querySelector(`.ticket-row[data-id="${n.tickets[0].id}"] .ticket-title-input`)?.focus())}),s}function v(){document.querySelector(".draft-row .draft-input")?.focus()}function Be(){let e=n.view;return e==="up-next"?{up_next:!0}:e==="open"?{}:e==="completed"?{status:"completed"}:e.startsWith("category:")?{category:e.split(":")[1]}:e.startsWith("priority:")?{priority:e.split(":")[1]}:{}}function le(){if(w)return w;let e=n.view;return e.startsWith("category:")?e.split(":")[1]:"issue"}function Ne(e){B();let s=navigator.platform.includes("Mac")?"\u2318":"Ctrl+",i=le(),a=M(e,N.map(r=>({label:r.label,key:r.key,shortcut:`${s}${r.key.toUpperCase()}`,color:b(r.value),active:i===r.value,action:()=>{w=r.value,f(),v()}})));document.body.appendChild(a),H(a,e),a.style.visibility=""}function De(e){let t=n.selectedIds.has(e.id),s=e.status==="completed"||e.status==="verified",i=e.status==="verified",a=g(l("div",{className:`ticket-row${t?" selected":""}${s?" completed":""}${e.up_next?" up-next":""}`,"data-id":String(e.id),children:[l("input",{type:"checkbox",className:"ticket-checkbox",checked:t}),l("button",{className:`ticket-status-btn${i?" verified":""}`,title:e.status.replace("_"," "),children:i?k(Z):ee(e.status)}),l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,title:e.category,children:I(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("input",{type:"text",className:"ticket-title-input",value:e.title}),l("span",{className:"ticket-priority-indicator",style:`color:${_(e.priority)}`,title:e.priority,children:P(e.priority)}),l("button",{className:`ticket-star${e.up_next?" active":""}`,title:e.up_next?"Remove from Up Next":"Add to Up Next",children:e.up_next?"\u2605":"\u2606"})]}));a.addEventListener("mousedown",u=>{let y=u.target;y.tagName!=="INPUT"&&y.tagName!=="BUTTON"&&(a.draggable=!0)}),a.addEventListener("mouseup",()=>{a.draggable=!1}),a.addEventListener("dragend",()=>{a.draggable=!1}),a.addEventListener("dragstart",u=>{let y;n.selectedIds.has(e.id)&&n.selectedIds.size>1?y=Array.from(n.selectedIds):y=[e.id],u.dataTransfer.setData("application/hotsheet-tickets",JSON.stringify(y)),u.dataTransfer.effectAllowed="move"}),a.addEventListener("mousedown",u=>{(u.metaKey||u.ctrlKey||u.shiftKey)&&(u.preventDefault(),de(u,e)&&u.stopPropagation())});let r=a.querySelector(".ticket-checkbox");r.addEventListener("click",u=>u.stopPropagation()),r.addEventListener("change",()=>{r.checked?n.selectedIds.add(e.id):n.selectedIds.delete(e.id),n.lastClickedId=e.id,f()}),a.querySelector(".ticket-status-btn").addEventListener("click",u=>{u.stopPropagation(),Re(e)});let d=a.querySelector(".ticket-category-badge");d.addEventListener("click",u=>{u.stopPropagation(),Ke(d,e)});let o=a.querySelector(".ticket-title-input");o.addEventListener("focus",()=>{L||n.selectedIds.size===1&&n.selectedIds.has(e.id)||(n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id,z(),T())}),o.addEventListener("input",()=>{Ue(e.id,{title:o.value})}),o.addEventListener("keydown",u=>{Pe(u,e,o)});let m=a.querySelector(".ticket-priority-indicator");return m.addEventListener("click",u=>{u.stopPropagation(),ue(m,e)}),a.querySelector(".ticket-star").addEventListener("click",u=>{u.stopPropagation(),ce(e)}),a}function Ae(e){let t=n.selectedIds.has(e.id),s=e.deleted_at?new Date(e.deleted_at):null,i=g(l("div",{className:`ticket-row trash-row${t?" selected":""}`,"data-id":String(e.id),children:[l("input",{type:"checkbox",className:"ticket-checkbox",checked:t}),l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,children:I(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("span",{className:"ticket-title-input trash-title",style:"cursor:default",children:e.title}),l("span",{className:"ticket-number",title:s?`Deleted: ${s.toLocaleString()}`:"",children:s?s.toLocaleDateString():""}),l("button",{className:"btn btn-sm",title:"Restore from trash",children:"Restore"})]}));i.addEventListener("mousedown",r=>{(r.metaKey||r.ctrlKey||r.shiftKey)&&(r.preventDefault(),de(r,e)&&r.stopPropagation())});let a=i.querySelector(".ticket-checkbox");return a.addEventListener("click",r=>r.stopPropagation()),a.addEventListener("change",()=>{a.checked?n.selectedIds.add(e.id):n.selectedIds.delete(e.id),n.lastClickedId=e.id,f()}),i.querySelector(".trash-title").addEventListener("click",()=>{n.selectedIds.size===1&&n.selectedIds.has(e.id)||(n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id,z(),T())}),i.querySelector(".btn").addEventListener("click",async r=>{r.stopPropagation(),await c(`/tickets/${e.id}/restore`,{method:"POST"}),p()}),i}function de(e,t){let s=e.metaKey||e.ctrlKey,i=e.shiftKey;if(s)n.selectedIds.has(t.id)?n.selectedIds.delete(t.id):n.selectedIds.add(t.id),n.lastClickedId=t.id,f();else if(i&&n.lastClickedId!=null){let a=n.tickets.map(o=>o.id),r=a.indexOf(n.lastClickedId),d=a.indexOf(t.id);if(r!==-1&&d!==-1){let o=Math.min(r,d),m=Math.max(r,d);n.selectedIds.clear();for(let u=o;u<=m;u++)n.selectedIds.add(a[u])}f()}else return!1;return!0}function Pe(e,t,s){if(e.key==="Enter")e.preventDefault(),v();else if(e.key==="Backspace"&&s.value==="")e.preventDefault(),qe(t.id);else if(e.key==="ArrowDown"&&e.shiftKey)e.preventDefault(),ae(t.id,1);else if(e.key==="ArrowUp"&&e.shiftKey)e.preventDefault(),ae(t.id,-1);else if(e.key==="ArrowDown")e.preventDefault(),$e(t.id);else if(e.key==="ArrowUp")e.preventDefault(),Oe(t.id);else if((e.metaKey||e.ctrlKey)&&!e.altKey&&N.some(i=>i.key===e.key)){e.preventDefault();let i=N.find(a=>a.key===e.key);oe(t,"category",i.value)}else if(e.altKey&&!e.metaKey&&!e.ctrlKey&&K.some(i=>i.key===e.key)){e.preventDefault();let i=K.find(a=>a.key===e.key);oe(t,"priority",i.value)}}function $e(e){let t=n.tickets.findIndex(s=>s.id===e);t<n.tickets.length-1&&document.querySelector(`.ticket-row[data-id="${n.tickets[t+1].id}"] .ticket-title-input`)?.focus()}function Oe(e){let t=n.tickets.findIndex(s=>s.id===e);t>0?document.querySelector(`.ticket-row[data-id="${n.tickets[t-1].id}"] .ticket-title-input`)?.focus():v()}function ae(e,t){let i=n.tickets.findIndex(d=>d.id===e)+t;if(i<0||i>=n.tickets.length)return;let a=n.tickets[i].id;n.selectedIds.add(e),n.selectedIds.has(a)?n.selectedIds.delete(e):n.selectedIds.add(a),L=!0,document.querySelector(`.ticket-row[data-id="${a}"] .ticket-title-input`)?.focus(),L=!1,z(),T()}async function Re(e){let s={not_started:"started",started:"completed",completed:"verified",verified:"not_started"}[e.status]||"not_started",i=await c(`/tickets/${e.id}`,{method:"PATCH",body:{status:s}});Object.assign(e,i),f()}async function ce(e){if(!e.up_next&&(e.status==="completed"||e.status==="verified")){if(!confirm("This ticket is already done. Would you like to reopen it and add it to Up Next?"))return;let s=await c(`/tickets/${e.id}`,{method:"PATCH",body:{status:"not_started",up_next:!0}});Object.assign(e,s),f();return}let t=await c(`/tickets/${e.id}/up-next`,{method:"POST"});Object.assign(e,t),f()}async function oe(e,t,s){let i=await c(`/tickets/${e.id}`,{method:"PATCH",body:{[t]:s}});Object.assign(e,i),f()}async function qe(e){let t=n.tickets.findIndex(s=>s.id===e);if(await c(`/tickets/${e}`,{method:"DELETE"}),n.tickets=n.tickets.filter(s=>s.id!==e),n.selectedIds.delete(e),f(),t>0&&n.tickets.length>0){let s=Math.min(t-1,n.tickets.length-1);document.querySelector(`.ticket-row[data-id="${n.tickets[s].id}"] .ticket-title-input`)?.focus()}else v()}function Ue(e,t){q&&clearTimeout(q),q=setTimeout(()=>{c(`/tickets/${e}`,{method:"PATCH",body:t})},300)}function Ke(e,t){B();let i=navigator.platform.includes("Mac")?"\u2318":"Ctrl+",a=M(e,N.map(r=>({label:r.label,key:r.key,shortcut:`${i}${r.key.toUpperCase()}`,color:b(r.value),active:t.category===r.value,action:async()=>{let d=await c(`/tickets/${t.id}`,{method:"PATCH",body:{category:r.value}});Object.assign(t,d),f()}})));document.body.appendChild(a),H(a,e),a.style.visibility=""}function ue(e,t){B();let s=M(e,K.map(i=>({label:i.label,key:i.key,shortcut:`Alt+${i.key}`,color:_(i.value),active:t.priority===i.value,action:async()=>{let a=await c(`/tickets/${t.id}`,{method:"PATCH",body:{priority:i.value}});Object.assign(t,a),f()}})));document.body.appendChild(s),H(s,e),s.style.visibility=""}function z(){document.querySelectorAll(".ticket-row[data-id]").forEach(e=>{let t=parseInt(e.dataset.id,10),s=e.querySelector(".ticket-checkbox");n.selectedIds.has(t)?(e.classList.add("selected"),s&&(s.checked=!0)):(e.classList.remove("selected"),s&&(s.checked=!1))})}function T(){let e=n.selectedIds.size,t=n.tickets.length,s=e>0,i=n.view==="trash",a=document.getElementById("batch-select-all");a.checked=t>0&&e===t,a.indeterminate=e>0&&e<t,document.getElementById("batch-count").textContent=s?`${e} selected`:"";let r=["batch-category","batch-priority","batch-status","batch-upnext","batch-delete"];for(let y of r){let S=document.getElementById(y);S.style.display=i?"none":"",i||(S.disabled=!s)}let d=document.getElementById("batch-restore"),o=document.getElementById("batch-empty-trash");if(i){let y=document.getElementById("batch-toolbar");d||(d=g(l("button",{id:"batch-restore",className:"btn btn-sm",children:"Restore"})),d.addEventListener("click",async()=>{await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"restore"}}),n.selectedIds.clear(),p()}),y.insertBefore(d,document.getElementById("batch-count"))),d.disabled=!s,d.style.display="",o||(o=g(l("button",{id:"batch-empty-trash",className:"btn btn-sm btn-danger",children:"Empty Trash"})),o.addEventListener("click",async()=>{confirm("Permanently delete all items in trash? This cannot be undone.")&&(await c("/trash/empty",{method:"POST"}),n.selectedIds.clear(),p())}),y.insertBefore(o,document.getElementById("batch-count"))),o.disabled=t===0,o.style.display=""}else d&&(d.style.display="none"),o&&(o.style.display="none");let m=document.querySelector(".batch-star-icon"),u=document.getElementById("batch-upnext");if(!i&&m&&s){let y=n.tickets.filter(E=>n.selectedIds.has(E.id)),S=y.every(E=>E.up_next),fe=y.every(E=>!E.up_next);S?(m.textContent="\u2605",u.classList.add("active"),u.classList.remove("mixed")):fe?(m.textContent="\u2606",u.classList.remove("active","mixed")):(m.innerHTML=l("span",{className:"star-mixed-wrap",children:[l("span",{className:"star-mixed-fill",children:"\u2605"}),"\u2606"]}).toString(),u.classList.remove("active"),u.classList.add("mixed"))}else m&&(m.textContent="\u2606",u.classList.remove("active","mixed"));ne()}async function p(){let e=new URLSearchParams;n.view==="trash"?e.set("status","deleted"):n.view==="up-next"?e.set("up_next","true"):n.view==="open"?e.set("status","open"):n.view==="completed"?e.set("status","completed"):n.view==="non-verified"?e.set("status","non_verified"):n.view==="verified"?e.set("status","verified"):n.view.startsWith("category:")?e.set("category",n.view.split(":")[1]):n.view.startsWith("priority:")&&e.set("priority",n.view.split(":")[1]),n.search&&e.set("search",n.search),e.set("sort_by",n.sortBy),e.set("sort_dir",n.sortDir);let t=e.toString();n.tickets=await c(`/tickets${t?"?"+t:""}`),f()}async function ze(){await Ve(),await p(),Ye(),We(),Je(),Xe(),Qe(),Ze(),et(),st(),Fe(),je(),ie(),it(),document.addEventListener("hotsheet:render",()=>f()),v()}async function Ve(){try{let e=await c("/settings");(e.detail_position==="side"||e.detail_position==="bottom")&&(n.settings.detail_position=e.detail_position),e.detail_width&&(n.settings.detail_width=parseInt(e.detail_width,10)||360),e.detail_height&&(n.settings.detail_height=parseInt(e.detail_height,10)||300),e.trash_cleanup_days&&(n.settings.trash_cleanup_days=parseInt(e.trash_cleanup_days,10)||3),e.verified_cleanup_days&&(n.settings.verified_cleanup_days=parseInt(e.verified_cleanup_days,10)||30),(e.layout==="list"||e.layout==="columns")&&(n.layout=e.layout)}catch{}O(n.settings.detail_position),R()}function Fe(){let e=document.getElementById("settings-overlay"),t=document.getElementById("settings-close");document.getElementById("settings-btn").addEventListener("click",()=>{document.getElementById("settings-trash-days").value=String(n.settings.trash_cleanup_days),document.getElementById("settings-verified-days").value=String(n.settings.verified_cleanup_days),e.style.display="flex"}),t.addEventListener("click",()=>{e.style.display="none"}),e.addEventListener("click",o=>{o.target===e&&(e.style.display="none")});let i=document.getElementById("settings-trash-days"),a=null;i.addEventListener("input",()=>{a&&clearTimeout(a),a=setTimeout(()=>{let o=Math.max(1,parseInt(i.value,10)||3);i.value=String(o),n.settings.trash_cleanup_days=o,c("/settings",{method:"PATCH",body:{trash_cleanup_days:String(o)}})},500)});let r=document.getElementById("settings-verified-days"),d=null;r.addEventListener("input",()=>{d&&clearTimeout(d),d=setTimeout(()=>{let o=Math.max(1,parseInt(r.value,10)||30);r.value=String(o),n.settings.verified_cleanup_days=o,c("/settings",{method:"PATCH",body:{verified_cleanup_days:String(o)}})},500)})}function je(){let e=document.getElementById("copy-prompt-section"),t=document.getElementById("copy-prompt-btn"),s=document.getElementById("copy-prompt-label"),i=document.getElementById("copy-prompt-icon"),a="";c("/worklist-info").then(r=>{a=r.prompt,e.style.display="",r.skillCreated&&console.log("Hot Sheet: Created /hotsheet skill in .claude/skills/hotsheet/")}),t.addEventListener("click",()=>{a!==""&&navigator.clipboard.writeText(a).then(()=>{s.textContent="Copied!",i.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>',setTimeout(()=>{s.textContent="Copy AI prompt",i.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>'},1500)})})}function W(){let e=document.getElementById("layout-toggle"),t=D(),s=e.querySelector('[data-layout="columns"]');s.disabled=!t,s.style.opacity=t?"":"0.3";let i=n.layout==="columns"&&!t?"list":n.layout;e.querySelectorAll(".layout-btn").forEach(a=>{a.classList.toggle("active",a.dataset.layout===i)})}function We(){document.getElementById("layout-toggle").querySelectorAll(".layout-btn").forEach(t=>{t.addEventListener("click",()=>{let s=t.dataset.layout;s==="columns"&&!D()||(n.layout=s,W(),f(),c("/settings",{method:"PATCH",body:{layout:s}}))})}),W()}function me(){document.getElementById("detail-position-toggle").querySelectorAll(".layout-btn").forEach(t=>{t.classList.toggle("active",t.dataset.position===n.settings.detail_position)})}function Je(){document.getElementById("detail-position-toggle").querySelectorAll(".layout-btn").forEach(t=>{t.addEventListener("click",()=>{let s=t.dataset.position;n.settings.detail_position=s,O(s),R(),me(),c("/settings",{method:"PATCH",body:{detail_position:s}})})}),me()}function pe(e){return e==="up-next"?{action:"up_next",value:!0}:e==="open"?{action:"status",value:"not_started"}:e==="completed"?{action:"status",value:"completed"}:e==="verified"?{action:"status",value:"verified"}:e==="trash"?{action:"delete",value:null}:e.startsWith("category:")?{action:"category",value:e.split(":")[1]}:e.startsWith("priority:")?{action:"priority",value:e.split(":")[1]}:null}async function Ge(e,t){let s=pe(e);s&&(s.action==="delete"?await c("/tickets/batch",{method:"POST",body:{ids:t,action:"delete"}}):await c("/tickets/batch",{method:"POST",body:{ids:t,action:s.action,value:s.value}}),p())}function Ye(){let e=document.querySelectorAll(".sidebar-item[data-view]");e.forEach(t=>{t.addEventListener("click",()=>{e.forEach(i=>{i.classList.remove("active")}),t.classList.add("active"),n.view=t.dataset.view,n.selectedIds.clear(),W(),p()});let s=t.dataset.view;pe(s)&&(t.addEventListener("dragover",i=>{i.preventDefault(),i.dataTransfer.dropEffect="move",t.classList.add("drop-target")}),t.addEventListener("dragleave",()=>{t.classList.remove("drop-target")}),t.addEventListener("drop",i=>{i.preventDefault(),t.classList.remove("drop-target");let a=i.dataTransfer.getData("application/hotsheet-tickets");if(!a)return;let r=JSON.parse(a);Ge(s,r)}))})}function Xe(){let e=document.getElementById("sort-select");e.addEventListener("change",()=>{let[t,s]=e.value.split(":");n.sortBy=t,n.sortDir=s,p()})}var V=null;function Qe(){let e=document.getElementById("search-input");e.addEventListener("input",()=>{V&&clearTimeout(V),V=setTimeout(()=>{n.search=e.value,p()},200)}),e.addEventListener("keydown",t=>{t.key==="Escape"&&(e.value="",n.search="",p())})}function Ze(){let e=document.getElementById("batch-category");e.addEventListener("change",async()=>{e.value&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"category",value:e.value}}),e.value="",p())});let t=document.getElementById("batch-priority");t.addEventListener("change",async()=>{t.value&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"priority",value:t.value}}),t.value="",p())});let s=document.getElementById("batch-status");s.addEventListener("change",async()=>{s.value&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"status",value:s.value}}),s.value="",p())}),document.getElementById("batch-upnext").addEventListener("click",async()=>{let i=n.tickets.filter(d=>n.selectedIds.has(d.id)),r=!i.every(d=>d.up_next);if(r){let d=i.filter(o=>o.status==="completed"||o.status==="verified");if(d.length>0){if(!confirm("Some selected tickets are already done. Would you like to reopen them and add them to Up Next?"))return;await c("/tickets/batch",{method:"POST",body:{ids:d.map(o=>o.id),action:"status",value:"not_started"}})}}await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"up_next",value:r}}),p()}),document.getElementById("batch-delete").addEventListener("click",async()=>{let i=n.selectedIds.size;confirm(`Delete ${i} ticket(s)?`)&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"delete"}}),n.selectedIds.clear(),p())}),document.getElementById("batch-select-all").addEventListener("change",i=>{if(i.target.checked)for(let r of n.tickets)n.selectedIds.add(r.id);else n.selectedIds.clear();f()})}var F=null;function et(){document.getElementById("detail-close").addEventListener("click",te);let e=["detail-title","detail-details"];for(let s of e){let i=document.getElementById(s);i.addEventListener("input",()=>{F&&clearTimeout(F),F=setTimeout(()=>{if(n.activeTicketId==null)return;let a=s.replace("detail-","");c(`/tickets/${n.activeTicketId}`,{method:"PATCH",body:{[a]:i.value}}).then(()=>{p()})},300)})}let t=["detail-category","detail-priority","detail-status"];for(let s of t){let i=document.getElementById(s);i.addEventListener("change",async()=>{if(n.activeTicketId==null)return;let a=s.replace("detail-","");await c(`/tickets/${n.activeTicketId}`,{method:"PATCH",body:{[a]:i.value}}),p()})}document.getElementById("detail-upnext").addEventListener("change",async()=>{if(n.activeTicketId==null)return;let s=n.tickets.find(a=>a.id===n.activeTicketId),i=document.getElementById("detail-upnext");if(i.checked&&s&&(s.status==="completed"||s.status==="verified")){if(!confirm("This ticket is already done. Would you like to reopen it and add it to Up Next?")){i.checked=!1;return}await c(`/tickets/${n.activeTicketId}`,{method:"PATCH",body:{status:"not_started",up_next:!0}})}else await c(`/tickets/${n.activeTicketId}/up-next`,{method:"POST"});p(),C(n.activeTicketId)}),document.getElementById("detail-file-input").addEventListener("change",async s=>{let i=s.target,a=i.files?.[0];!a||n.activeTicketId==null||(await Q(`/tickets/${n.activeTicketId}/attachments`,a),i.value="",C(n.activeTicketId),p())}),document.getElementById("detail-attachments").addEventListener("click",async s=>{let a=s.target.closest(".attachment-delete");if(a===null)return;let r=a.dataset.attId;r===void 0||r===""||(await c(`/attachments/${r}`,{method:"DELETE"}),n.activeTicketId!=null&&C(n.activeTicketId))})}function tt(e){if(!e||e==="")return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t}catch{}return e.trim()?[{text:e,created_at:""}]:[]}function nt(e){let t=[];t.push(`${e.ticket_number}: ${e.title}`),e.details.trim()&&(t.push(""),t.push(e.details.trim()));let s=tt(e.notes);if(s.length>0){t.push("");for(let i of s)t.push(`- ${i.text}`)}return t.join(`
|
|
2
|
-
`)}function
|
|
1
|
+
"use strict";(()=>{var Te=Object.defineProperty;var Ie=(e,t,s)=>t in e?Te(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Z=(e,t,s)=>Ie(e,typeof t!="symbol"?t+"":t,s);function ee(e){return e.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/"/g,""")}function te(e){return e.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(/</g,"<").replace(/>/g,">")}var k=class{constructor(t){Z(this,"__html");this.__html=t}toString(){return this.__html}};function E(e){return new k(e)}var we=new Set(["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"]);function q(e){return e==null||typeof e=="boolean"?"":e instanceof k?e.__html:typeof e=="string"?ee(e):typeof e=="number"?String(e):Array.isArray(e)?e.map(q).join(""):""}function Le(e,t){if(t==null||t===!1)return"";if(t===!0)return` ${e}`;let s=e==="className"?"class":e==="htmlFor"?"for":e,i;return t instanceof k?i=t.__html:typeof t=="number"?i=String(t):typeof t=="string"?i=te(t):i="",` ${s}="${i}"`}function l(e,t){if(typeof e=="function")return e(t);let{children:s,...i}=t,a=Object.entries(i).map(([r,d])=>Le(r,d)).join("");if(we.has(e))return new k(`<${e}${a}>`);let o=s!=null?q(s):"";return new k(`<${e}${a}>${o}</${e}>`)}function I({children:e}){return new k(e!=null?q(e):"")}function y(e){let t=document.createElement("template");return t.innerHTML=e.toString(),t.content.firstElementChild}function ne(e){document.getElementById("network-error-popup")?.remove();let t=y(l("div",{id:"network-error-popup",className:"error-popup",children:l("div",{className:"error-popup-content",children:[l("strong",{children:"Connection Error"}),l("p",{children:e}),l("button",{children:E("Dismiss")})]})}));t.querySelector("button").addEventListener("click",()=>t.remove()),document.body.appendChild(t)}async function c(e,t={}){try{return(await fetch("/api"+e,{headers:t.body!==void 0?{"Content-Type":"application/json"}:{},method:t.method,body:t.body!==void 0?JSON.stringify(t.body):void 0})).json()}catch(s){throw ne("Unable to reach the server. It may have been stopped."),s}}async function se(e,t){try{let s=new FormData;return s.append("file",t),(await fetch("/api"+e,{method:"POST",body:s})).json()}catch(s){throw ne("Unable to reach the server. It may have been stopped."),s}}var xe={detail_position:"side",detail_width:360,detail_height:300,trash_cleanup_days:3,verified_cleanup_days:30},n={tickets:[],selectedIds:new Set,lastClickedId:null,activeTicketId:null,view:"all",layout:"list",sortBy:"created",sortDir:"desc",search:"",settings:{...xe},backupPreview:null},Se={issue:"#6b7280",bug:"#ef4444",feature:"#22c55e",requirement_change:"#f97316",task:"#3b82f6",investigation:"#8b5cf6"},_e={issue:"ISS",bug:"BUG",feature:"FEA",requirement_change:"REQ",task:"TSK",investigation:"INV"},Be={highest:"\u2B06\u2B06",high:"\u2B06",default:"\u2014",low:"\u2B07",lowest:"\u2B07\u2B07"},Ce={highest:"#ef4444",high:"#f97316",default:"#6b7280",low:"#3b82f6",lowest:"#94a3b8"},He={not_started:"\u25CB",started:"\u25D4",completed:"\u2713",verified:"svg"},U='<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 7 17l-5-5"/><path d="m22 10-9.5 9.5-2-2"/></svg>';function b(e){return Se[e]||"#6b7280"}function T(e){return _e[e]||"ISS"}function S(e){return Be[e]||"\u2014"}function w(e){return Ce[e]||"#6b7280"}function K(e){return He[e]||"\u25CB"}function N(e){n.activeTicketId=e,oe(e)}function ie(){n.selectedIds.clear(),n.activeTicketId=null;let e=new CustomEvent("hotsheet:render");document.dispatchEvent(e)}function _(){let e=n.view==="trash",t=!!n.backupPreview?.active,s=document.getElementById("detail-panel"),i=document.getElementById("detail-resize-handle");if(n.selectedIds.size===1&&!e){let a=Array.from(n.selectedIds)[0];s.style.display="flex",i&&(i.style.display=""),n.activeTicketId!==a&&(n.activeTicketId=a,t?Me(a):oe(a))}else n.activeTicketId!=null&&(n.activeTicketId=null),s.style.display="none",i&&(i.style.display="none")}function ae(e){let t=document.getElementById("detail-title"),s=document.getElementById("detail-details"),i=document.getElementById("detail-category"),a=document.getElementById("detail-priority"),o=document.getElementById("detail-status"),r=document.getElementById("detail-upnext"),d=document.querySelector(".upload-btn");t.readOnly=e,s.readOnly=e,i.disabled=e,a.disabled=e,o.disabled=e,r.disabled=e,d&&(d.style.display=e?"none":"")}function Me(e){let t=n.backupPreview?.tickets.find(r=>r.id===e);if(!t||n.activeTicketId!==e)return;document.getElementById("detail-ticket-number").textContent=t.ticket_number,document.getElementById("detail-title").value=t.title,document.getElementById("detail-category").value=t.category,document.getElementById("detail-priority").value=t.priority,document.getElementById("detail-status").value=t.status,document.getElementById("detail-upnext").checked=t.up_next,document.getElementById("detail-details").value=t.details,ae(!0),document.getElementById("detail-attachments").innerHTML="";let s=document.getElementById("detail-notes-section"),i=document.getElementById("detail-notes"),a=le(t.notes);a.length>0?(s.style.display="",i.innerHTML=l(I,{children:a.map(r=>l("div",{className:"note-entry",children:[r.created_at?l("div",{className:"note-timestamp",children:new Date(r.created_at).toLocaleString()}):null,l("div",{className:"note-text",children:r.text})]}))}).toString()):(s.style.display="none",i.innerHTML="");let o=document.getElementById("detail-meta");o.innerHTML=l(I,{children:[l("div",{children:["Created: ",new Date(t.created_at).toLocaleString()]}),l("div",{children:["Updated: ",new Date(t.updated_at).toLocaleString()]}),t.completed_at?l("div",{children:["Completed: ",new Date(t.completed_at).toLocaleString()]}):null,t.verified_at?l("div",{children:["Verified: ",new Date(t.verified_at).toLocaleString()]}):null]}).toString()}async function oe(e){let t=await c(`/tickets/${e}`);if(n.activeTicketId!==e)return;ae(!1),document.getElementById("detail-ticket-number").textContent=t.ticket_number,document.getElementById("detail-title").value=t.title,document.getElementById("detail-category").value=t.category,document.getElementById("detail-priority").value=t.priority,document.getElementById("detail-status").value=t.status,document.getElementById("detail-upnext").checked=t.up_next,document.getElementById("detail-details").value=t.details;let s=document.getElementById("detail-attachments");t.attachments.length>0?s.innerHTML=l(I,{children:t.attachments.map(d=>l("div",{className:"attachment-item",children:[l("span",{className:"attachment-name",children:d.original_filename}),l("button",{className:"attachment-delete","data-att-id":String(d.id),title:"Remove",children:E("×")})]}))}).toString():s.innerHTML="";let i=document.getElementById("detail-notes-section"),a=document.getElementById("detail-notes"),o=le(t.notes);o.length>0?(i.style.display="",a.innerHTML=l(I,{children:o.map(d=>l("div",{className:"note-entry",children:[d.created_at?l("div",{className:"note-timestamp",children:new Date(d.created_at).toLocaleString()}):null,l("div",{className:"note-text",children:d.text})]}))}).toString()):(i.style.display="none",a.innerHTML="");let r=document.getElementById("detail-meta");r.innerHTML=l(I,{children:[l("div",{children:["Created: ",new Date(t.created_at).toLocaleString()]}),l("div",{children:["Updated: ",new Date(t.updated_at).toLocaleString()]}),t.completed_at?l("div",{children:["Completed: ",new Date(t.completed_at).toLocaleString()]}):null,t.verified_at?l("div",{children:["Verified: ",new Date(t.verified_at).toLocaleString()]}):null]}).toString()}function le(e){if(!e||e==="")return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t}catch{}return e.trim()?[{text:e,created_at:""}]:[]}async function P(){try{let e=await c("/stats"),t=document.getElementById("status-bar");t&&(t.textContent=`${e.total} tickets \xB7 ${e.open} open \xB7 ${e.up_next} up next`)}catch{}}function F(e){let t=document.getElementById("content-area");t.classList.remove("detail-side","detail-bottom"),t.classList.add(e==="bottom"?"detail-bottom":"detail-side")}function V(){let e=document.getElementById("detail-panel");n.settings.detail_position==="bottom"?(e.style.width="",e.style.height=`${n.settings.detail_height}px`):(e.style.height="",e.style.width=`${n.settings.detail_width}px`)}function re(){let e=document.getElementById("detail-resize-handle"),t=document.getElementById("detail-panel"),s=document.getElementById("content-area"),i=!1;e.addEventListener("mousedown",a=>{a.preventDefault(),i=!0,document.body.style.cursor=n.settings.detail_position==="bottom"?"row-resize":"col-resize",document.body.style.userSelect="none"}),document.addEventListener("mousemove",a=>{if(!i)return;let o=s.getBoundingClientRect();if(n.settings.detail_position==="bottom"){let r=Math.max(150,Math.min(500,o.bottom-a.clientY));n.settings.detail_height=r,t.style.height=`${r}px`}else{let r=Math.max(250,Math.min(600,o.right-a.clientX));n.settings.detail_width=r,t.style.width=`${r}px`}}),document.addEventListener("mouseup",()=>{i&&(i=!1,document.body.style.cursor="",document.body.style.userSelect="",n.settings.detail_position==="bottom"?c("/settings",{method:"PATCH",body:{detail_height:String(n.settings.detail_height)}}):c("/settings",{method:"PATCH",body:{detail_width:String(n.settings.detail_width)}}))})}function D(e,t){let s=t.getBoundingClientRect(),i=e.getBoundingClientRect(),a=window.innerWidth,o=window.innerHeight,r=s.left;r+i.width>a-8&&(r=s.right-i.width),r<8&&(r=8);let d=s.bottom+4;d+i.height>o-8&&(d=s.top-i.height-4),d<8&&(d=8),e.style.left=`${r}px`,e.style.top=`${d}px`}function A(e,t){let s=y(l("div",{className:"dropdown-menu",style:"visibility:hidden;top:0;left:0",children:t.map(d=>l("button",{className:`dropdown-item${d.active?" active":""}`,"data-key":d.key,children:[d.color?l("span",{className:"dropdown-dot",style:`background-color:${d.color}`}):null,l("span",{className:"dropdown-label",children:d.label}),d.shortcut?l("kbd",{className:"dropdown-kbd",children:d.shortcut}):null]}))}));s.querySelectorAll(".dropdown-item").forEach((d,m)=>{d.addEventListener("click",()=>{t[m].action(),s.remove()})});function a(d){let m=t.find(u=>d.key.toLowerCase()===u.key.toLowerCase());m?(d.preventDefault(),d.stopPropagation(),m.action(),o()):d.key==="Escape"&&(d.preventDefault(),o())}function o(){s.remove(),document.removeEventListener("keydown",a,!0),document.removeEventListener("click",r)}function r(){o()}return document.addEventListener("keydown",a,!0),setTimeout(()=>{document.addEventListener("click",r)},0),s}function $(){document.querySelectorAll(".dropdown-menu").forEach(e=>{e.remove()})}var z=null,B=!1,C=null,j="",v=[],R=[{key:"i",value:"issue",label:"Issue"},{key:"b",value:"bug",label:"Bug"},{key:"f",value:"feature",label:"Feature"},{key:"r",value:"requirement_change",label:"Req Change"},{key:"k",value:"task",label:"Task"},{key:"g",value:"investigation",label:"Investigation"}],W=[{key:"1",value:"highest",label:"Highest"},{key:"2",value:"high",label:"High"},{key:"3",value:"default",label:"Default"},{key:"4",value:"low",label:"Low"},{key:"5",value:"lowest",label:"Lowest"}];function Ne(){let e=document.activeElement;if(!e||!(e instanceof HTMLElement))return null;let t=e.closest(".ticket-row");if(!t)return null;if(t.classList.contains("draft-row"))return"draft";let s=t.dataset.id;return s!==void 0&&s!==""?parseInt(s,10):null}function Pe(e){e!=null&&(B=!0,e==="draft"?h():document.querySelector(`.ticket-row[data-id="${e}"] .ticket-title-input`)?.focus(),B=!1)}function O(){let e=n.view;return e!=="completed"&&e!=="verified"&&e!=="trash"}function ue(){return n.view==="up-next"||n.view==="open"?[{status:"not_started",label:"Not Started"},{status:"started",label:"Started"}]:n.view==="non-verified"?[{status:"not_started",label:"Not Started"},{status:"started",label:"Started"},{status:"completed",label:"Completed"}]:[{status:"not_started",label:"Not Started"},{status:"started",label:"Started"},{status:"completed",label:"Completed"},{status:"verified",label:"Verified"}]}function g(){let e=!!n.backupPreview?.active;if(n.layout==="columns"&&O()){if(e){Ae();return}Re();return}let t=n.view==="trash",s=e?null:Ne(),i=null;if(s!=null&&s!=="draft"){let o=document.querySelector(`.ticket-row[data-id="${s}"] .ticket-title-input`);o&&(i=o.value)}let a=document.getElementById("ticket-list");if(a.innerHTML="",a.classList.remove("ticket-list-columns"),!t&&!e&&a.appendChild(pe()),n.tickets.length===0){let o=t?"Trash is empty":e?"No tickets match this view":"";o&&a.appendChild(y(l("div",{className:"ticket-list-empty",children:o})))}for(let o of n.tickets)e?a.appendChild(De(o)):t?a.appendChild(Fe(o)):a.appendChild(Ke(o));if(e){let o=document.getElementById("batch-toolbar");o&&(o.style.display="none"),H(),_()}else{let o=document.getElementById("batch-toolbar");if(o&&(o.style.display=""),s!=null&&s!=="draft"&&i!=null){let r=document.querySelector(`.ticket-row[data-id="${s}"] .ticket-title-input`);r&&r.value!==i&&(r.value=i)}Pe(s),L()}P()}function De(e){let t=n.selectedIds.has(e.id),s=e.status==="completed"||e.status==="verified",i=e.status==="verified",a=y(l("div",{className:`ticket-row${t?" selected":""}${s?" completed":""}${e.up_next?" up-next":""}`,"data-id":String(e.id),children:[l("span",{className:"ticket-checkbox-spacer"}),l("span",{className:`ticket-status-btn${i?" verified":""}`,style:"cursor:default",children:i?E(U):K(e.status)}),l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)};cursor:default`,title:e.category,children:T(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("span",{className:"ticket-title-input",style:"cursor:default",children:e.title}),l("span",{className:"ticket-priority-indicator",style:`color:${w(e.priority)};cursor:default`,title:e.priority,children:S(e.priority)}),l("span",{className:`ticket-star${e.up_next?" active":""}`,style:"cursor:default",children:e.up_next?"\u2605":"\u2606"})]}));return a.addEventListener("click",()=>{n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id,H(),_()}),a}function Ae(){let e=document.getElementById("ticket-list");e.innerHTML="",e.classList.add("ticket-list-columns");let t=ue(),s=y(l("div",{className:"columns-container"}));for(let a of t){let o=n.tickets.filter(m=>m.status===a.status),r=y(l("div",{className:"column","data-status":a.status,children:[l("div",{className:"column-header",children:[l("span",{className:"column-title",children:a.label}),l("span",{className:"column-count",children:String(o.length)})]}),l("div",{className:"column-body"})]})),d=r.querySelector(".column-body");for(let m of o)d.appendChild($e(m));s.appendChild(r)}e.appendChild(s);let i=document.getElementById("batch-toolbar");i&&(i.style.display="none"),P()}function $e(e){let t=n.selectedIds.has(e.id),s=y(l("div",{className:`column-card${t?" selected":""}${e.up_next?" up-next":""}`,"data-id":String(e.id),children:[l("div",{className:"column-card-header",children:[l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,children:T(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("span",{className:"ticket-priority-indicator",style:`color:${w(e.priority)};cursor:default`,children:S(e.priority)}),l("span",{className:`ticket-star${e.up_next?" active":""}`,style:"cursor:default",children:e.up_next?"\u2605":"\u2606"})]}),l("div",{className:"column-card-title",children:e.title})]}));return s.addEventListener("click",()=>{n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id,me(),_()}),s}function Re(){let e=document.getElementById("ticket-list");e.innerHTML="",e.classList.add("ticket-list-columns"),e.appendChild(pe());let t=ue(),s=y(l("div",{className:"columns-container"}));for(let i of t){let a=n.tickets.filter(d=>d.status===i.status),o=y(l("div",{className:"column","data-status":i.status,children:[l("div",{className:"column-header",children:[l("span",{className:"column-title",children:i.label}),l("span",{className:"column-count",children:String(a.length)})]}),l("div",{className:"column-body"})]})),r=o.querySelector(".column-body");for(let d of a)r.appendChild(Oe(d));r.addEventListener("dragover",d=>{d.preventDefault(),d.dataTransfer.dropEffect="move",o.classList.add("column-drop-target")}),r.addEventListener("dragleave",d=>{let m=d.relatedTarget;(!m||!r.contains(m))&&o.classList.remove("column-drop-target")}),r.addEventListener("drop",d=>{d.preventDefault(),o.classList.remove("column-drop-target");let m=v;v=[],m.length!==0&&c("/tickets/batch",{method:"POST",body:{ids:m,action:"status",value:i.status}}).then(()=>{f()})}),s.appendChild(o)}e.appendChild(s),L(),P()}function Oe(e){let t=n.selectedIds.has(e.id),s=y(l("div",{className:`column-card${t?" selected":""}${e.up_next?" up-next":""}`,"data-id":String(e.id),children:[l("div",{className:"column-card-header",children:[l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,children:T(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("span",{className:"ticket-priority-indicator",style:`color:${w(e.priority)}`,children:S(e.priority)}),l("button",{className:`ticket-star${e.up_next?" active":""}`,title:e.up_next?"Remove from Up Next":"Add to Up Next",children:e.up_next?"\u2605":"\u2606"})]}),l("div",{className:"column-card-title",children:e.title})]})),i=s.querySelector(".ticket-priority-indicator");return i.addEventListener("click",a=>{a.stopPropagation(),ve(i,e)}),s.querySelector(".ticket-star").addEventListener("click",a=>{a.stopPropagation(),ge(e)}),s.draggable=!0,s.addEventListener("dragstart",a=>{n.selectedIds.has(e.id)&&n.selectedIds.size>1?v=Array.from(n.selectedIds):v=[e.id],a.dataTransfer.setData("text/plain",JSON.stringify(v)),a.dataTransfer.effectAllowed="move"}),s.addEventListener("dragend",()=>{v=[]}),s.addEventListener("click",a=>{if(a.metaKey||a.ctrlKey)n.selectedIds.has(e.id)?n.selectedIds.delete(e.id):n.selectedIds.add(e.id),n.lastClickedId=e.id;else if(a.shiftKey&&n.lastClickedId!=null){let o=n.tickets.map(m=>m.id),r=o.indexOf(n.lastClickedId),d=o.indexOf(e.id);if(r!==-1&&d!==-1){let m=Math.min(r,d),u=Math.max(r,d);n.selectedIds.clear();for(let p=m;p<=u;p++)n.selectedIds.add(o[p])}}else n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id;me(),L()}),s}function me(){document.querySelectorAll(".column-card[data-id]").forEach(e=>{let t=parseInt(e.dataset.id,10);n.selectedIds.has(t)?e.classList.add("selected"):e.classList.remove("selected")})}function pe(){let e=fe(),t=n.view.startsWith("category:"),s=y(l("div",{className:"ticket-row draft-row",children:[l("span",{className:"ticket-checkbox-spacer"}),l("span",{className:"ticket-status-btn draft-placeholder",children:"\u25CB"}),l("span",{className:"ticket-category-badge draft-badge",style:`background-color:${b(e)}${t?"":";cursor:pointer;opacity:1"}`,children:T(e)}),l("span",{className:"ticket-number draft-number"}),l("input",{type:"text",className:"ticket-title-input draft-input",placeholder:"New ticket...",value:j}),l("span",{className:"ticket-priority-indicator draft-placeholder"}),l("span",{className:"ticket-star draft-placeholder"})]}));if(!t){let a=s.querySelector(".ticket-category-badge");a.addEventListener("click",o=>{o.stopPropagation(),Ue(a)})}let i=s.querySelector(".draft-input");return i.addEventListener("input",()=>{j=i.value}),i.addEventListener("keydown",async a=>{if(a.key==="Enter"&&i.value.trim()){a.preventDefault();let o=i.value.trim();j="",i.value="";let r=qe();C&&!n.view.startsWith("category:")&&(r.category=C);let d=await c("/tickets",{method:"POST",body:{title:o,defaults:r}});d&&(n.selectedIds.clear(),n.selectedIds.add(d.id)),await f(),h()}else a.key==="ArrowDown"&&(a.preventDefault(),n.tickets.length>0&&document.querySelector(`.ticket-row[data-id="${n.tickets[0].id}"] .ticket-title-input`)?.focus())}),s}function h(){document.querySelector(".draft-row .draft-input")?.focus()}function qe(){let e=n.view;return e==="up-next"?{up_next:!0}:e==="open"?{}:e==="completed"?{status:"completed"}:e.startsWith("category:")?{category:e.split(":")[1]}:e.startsWith("priority:")?{priority:e.split(":")[1]}:{}}function fe(){if(C)return C;let e=n.view;return e.startsWith("category:")?e.split(":")[1]:"issue"}function Ue(e){$();let s=navigator.platform.includes("Mac")?"\u2318":"Ctrl+",i=fe(),a=A(e,R.map(o=>({label:o.label,key:o.key,shortcut:`${s}${o.key.toUpperCase()}`,color:b(o.value),active:i===o.value,action:()=>{C=o.value,g(),h()}})));document.body.appendChild(a),D(a,e),a.style.visibility=""}function Ke(e){let t=n.selectedIds.has(e.id),s=e.status==="completed"||e.status==="verified",i=e.status==="verified",a=y(l("div",{className:`ticket-row${t?" selected":""}${s?" completed":""}${e.up_next?" up-next":""}`,"data-id":String(e.id),children:[l("input",{type:"checkbox",className:"ticket-checkbox",checked:t}),l("button",{className:`ticket-status-btn${i?" verified":""}`,title:e.status.replace("_"," "),children:i?E(U):K(e.status)}),l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,title:e.category,children:T(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("input",{type:"text",className:"ticket-title-input",value:e.title}),l("span",{className:"ticket-priority-indicator",style:`color:${w(e.priority)}`,title:e.priority,children:S(e.priority)}),l("button",{className:`ticket-star${e.up_next?" active":""}`,title:e.up_next?"Remove from Up Next":"Add to Up Next",children:e.up_next?"\u2605":"\u2606"})]}));a.addEventListener("mousedown",u=>{let p=u.target;p.tagName!=="INPUT"&&p.tagName!=="BUTTON"&&(a.draggable=!0)}),a.addEventListener("mouseup",()=>{a.draggable=!1}),a.addEventListener("dragend",()=>{a.draggable=!1,v=[]}),a.addEventListener("dragstart",u=>{n.selectedIds.has(e.id)&&n.selectedIds.size>1?v=Array.from(n.selectedIds):v=[e.id],u.dataTransfer.setData("text/plain",JSON.stringify(v)),u.dataTransfer.effectAllowed="move"}),a.addEventListener("mousedown",u=>{(u.metaKey||u.ctrlKey||u.shiftKey)&&(u.preventDefault(),ye(u,e)&&u.stopPropagation())});let o=a.querySelector(".ticket-checkbox");o.addEventListener("click",u=>u.stopPropagation()),o.addEventListener("change",()=>{o.checked?n.selectedIds.add(e.id):n.selectedIds.delete(e.id),n.lastClickedId=e.id,g()}),a.querySelector(".ticket-status-btn").addEventListener("click",u=>{u.stopPropagation(),We(e)});let r=a.querySelector(".ticket-category-badge");r.addEventListener("click",u=>{u.stopPropagation(),Ye(r,e)});let d=a.querySelector(".ticket-title-input");d.addEventListener("focus",()=>{B||n.selectedIds.size===1&&n.selectedIds.has(e.id)||(n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id,H(),L())}),d.addEventListener("input",()=>{Je(e.id,{title:d.value})}),d.addEventListener("keydown",u=>{Ve(u,e,d)});let m=a.querySelector(".ticket-priority-indicator");return m.addEventListener("click",u=>{u.stopPropagation(),ve(m,e)}),a.querySelector(".ticket-star").addEventListener("click",u=>{u.stopPropagation(),ge(e)}),a}function Fe(e){let t=n.selectedIds.has(e.id),s=e.deleted_at?new Date(e.deleted_at):null,i=y(l("div",{className:`ticket-row trash-row${t?" selected":""}`,"data-id":String(e.id),children:[l("input",{type:"checkbox",className:"ticket-checkbox",checked:t}),l("span",{className:"ticket-category-badge",style:`background-color:${b(e.category)}`,children:T(e.category)}),l("span",{className:"ticket-number",children:e.ticket_number}),l("span",{className:"ticket-title-input trash-title",style:"cursor:default",children:e.title}),l("span",{className:"ticket-number",title:s?`Deleted: ${s.toLocaleString()}`:"",children:s?s.toLocaleDateString():""}),l("button",{className:"btn btn-sm",title:"Restore from trash",children:"Restore"})]}));i.addEventListener("mousedown",o=>{(o.metaKey||o.ctrlKey||o.shiftKey)&&(o.preventDefault(),ye(o,e)&&o.stopPropagation())});let a=i.querySelector(".ticket-checkbox");return a.addEventListener("click",o=>o.stopPropagation()),a.addEventListener("change",()=>{a.checked?n.selectedIds.add(e.id):n.selectedIds.delete(e.id),n.lastClickedId=e.id,g()}),i.querySelector(".trash-title").addEventListener("click",()=>{n.selectedIds.size===1&&n.selectedIds.has(e.id)||(n.selectedIds.clear(),n.selectedIds.add(e.id),n.lastClickedId=e.id,H(),L())}),i.querySelector(".btn").addEventListener("click",async o=>{o.stopPropagation(),await c(`/tickets/${e.id}/restore`,{method:"POST"}),f()}),i}function ye(e,t){let s=e.metaKey||e.ctrlKey,i=e.shiftKey;if(s)n.selectedIds.has(t.id)?n.selectedIds.delete(t.id):n.selectedIds.add(t.id),n.lastClickedId=t.id,g();else if(i&&n.lastClickedId!=null){let a=n.tickets.map(d=>d.id),o=a.indexOf(n.lastClickedId),r=a.indexOf(t.id);if(o!==-1&&r!==-1){let d=Math.min(o,r),m=Math.max(o,r);n.selectedIds.clear();for(let u=d;u<=m;u++)n.selectedIds.add(a[u])}g()}else return!1;return!0}function Ve(e,t,s){if(e.key==="Enter")e.preventDefault(),h();else if(e.key==="Backspace"&&s.value==="")e.preventDefault(),Ge(t.id);else if(e.key==="ArrowDown"&&e.shiftKey)e.preventDefault(),de(t.id,1);else if(e.key==="ArrowUp"&&e.shiftKey)e.preventDefault(),de(t.id,-1);else if(e.key==="ArrowDown")e.preventDefault(),ze(t.id);else if(e.key==="ArrowUp")e.preventDefault(),je(t.id);else if((e.metaKey||e.ctrlKey)&&!e.altKey&&R.some(i=>i.key===e.key)){e.preventDefault();let i=R.find(a=>a.key===e.key);ce(t,"category",i.value)}else if(e.altKey&&!e.metaKey&&!e.ctrlKey&&W.some(i=>i.key===e.key)){e.preventDefault();let i=W.find(a=>a.key===e.key);ce(t,"priority",i.value)}}function ze(e){let t=n.tickets.findIndex(s=>s.id===e);t<n.tickets.length-1&&document.querySelector(`.ticket-row[data-id="${n.tickets[t+1].id}"] .ticket-title-input`)?.focus()}function je(e){let t=n.tickets.findIndex(s=>s.id===e);t>0?document.querySelector(`.ticket-row[data-id="${n.tickets[t-1].id}"] .ticket-title-input`)?.focus():h()}function de(e,t){let i=n.tickets.findIndex(r=>r.id===e)+t;if(i<0||i>=n.tickets.length)return;let a=n.tickets[i].id;n.selectedIds.add(e),n.selectedIds.has(a)?n.selectedIds.delete(e):n.selectedIds.add(a),B=!0,document.querySelector(`.ticket-row[data-id="${a}"] .ticket-title-input`)?.focus(),B=!1,H(),L()}async function We(e){let s={not_started:"started",started:"completed",completed:"verified",verified:"not_started"}[e.status]||"not_started",i=await c(`/tickets/${e.id}`,{method:"PATCH",body:{status:s}});Object.assign(e,i),g()}async function ge(e){!e.up_next&&(e.status==="completed"||e.status==="verified")?await c(`/tickets/${e.id}`,{method:"PATCH",body:{status:"not_started",up_next:!0}}):await c(`/tickets/${e.id}/up-next`,{method:"POST"}),f()}async function ce(e,t,s){let i=await c(`/tickets/${e.id}`,{method:"PATCH",body:{[t]:s}});Object.assign(e,i),g()}async function Ge(e){let t=n.tickets.findIndex(s=>s.id===e);if(await c(`/tickets/${e}`,{method:"DELETE"}),n.tickets=n.tickets.filter(s=>s.id!==e),n.selectedIds.delete(e),g(),t>0&&n.tickets.length>0){let s=Math.min(t-1,n.tickets.length-1);document.querySelector(`.ticket-row[data-id="${n.tickets[s].id}"] .ticket-title-input`)?.focus()}else h()}function Je(e,t){z&&clearTimeout(z),z=setTimeout(()=>{c(`/tickets/${e}`,{method:"PATCH",body:t})},300)}function Ye(e,t){$();let i=navigator.platform.includes("Mac")?"\u2318":"Ctrl+",a=A(e,R.map(o=>({label:o.label,key:o.key,shortcut:`${i}${o.key.toUpperCase()}`,color:b(o.value),active:t.category===o.value,action:async()=>{let r=await c(`/tickets/${t.id}`,{method:"PATCH",body:{category:o.value}});Object.assign(t,r),g()}})));document.body.appendChild(a),D(a,e),a.style.visibility=""}function ve(e,t){$();let s=A(e,W.map(i=>({label:i.label,key:i.key,shortcut:`Alt+${i.key}`,color:w(i.value),active:t.priority===i.value,action:async()=>{let a=await c(`/tickets/${t.id}`,{method:"PATCH",body:{priority:i.value}});Object.assign(t,a),g()}})));document.body.appendChild(s),D(s,e),s.style.visibility=""}function H(){document.querySelectorAll(".ticket-row[data-id]").forEach(e=>{let t=parseInt(e.dataset.id,10),s=e.querySelector(".ticket-checkbox");n.selectedIds.has(t)?(e.classList.add("selected"),s&&(s.checked=!0)):(e.classList.remove("selected"),s&&(s.checked=!1))})}function L(){let e=n.selectedIds.size,t=n.tickets.length,s=e>0,i=n.view==="trash",a=document.getElementById("batch-select-all");a.checked=t>0&&e===t,a.indeterminate=e>0&&e<t,document.getElementById("batch-count").textContent=s?`${e} selected`:"";let o=["batch-category","batch-priority","batch-status","batch-upnext","batch-delete"];for(let p of o){let M=document.getElementById(p);M.style.display=i?"none":"",i||(M.disabled=!s)}let r=document.getElementById("batch-restore"),d=document.getElementById("batch-empty-trash");if(i){let p=document.getElementById("batch-toolbar");r||(r=y(l("button",{id:"batch-restore",className:"btn btn-sm",children:"Restore"})),r.addEventListener("click",async()=>{await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"restore"}}),n.selectedIds.clear(),f()}),p.insertBefore(r,document.getElementById("batch-count"))),r.disabled=!s,r.style.display="",d||(d=y(l("button",{id:"batch-empty-trash",className:"btn btn-sm btn-danger",children:"Empty Trash"})),d.addEventListener("click",async()=>{await c("/trash/empty",{method:"POST"}),n.selectedIds.clear(),f()}),p.insertBefore(d,document.getElementById("batch-count"))),d.disabled=t===0,d.style.display=""}else r&&(r.style.display="none"),d&&(d.style.display="none");let m=document.querySelector(".batch-star-icon"),u=document.getElementById("batch-upnext");if(!i&&m&&s){let p=n.tickets.filter(x=>n.selectedIds.has(x.id)),M=p.every(x=>x.up_next),Ee=p.every(x=>!x.up_next);M?(m.textContent="\u2605",u.classList.add("active"),u.classList.remove("mixed")):Ee?(m.textContent="\u2606",u.classList.remove("active","mixed")):(m.innerHTML=l("span",{className:"star-mixed-wrap",children:[l("span",{className:"star-mixed-fill",children:"\u2605"}),"\u2606"]}).toString(),u.classList.remove("active"),u.classList.add("mixed"))}else m&&(m.textContent="\u2606",u.classList.remove("active","mixed"));_()}async function f(){if(n.backupPreview?.active){Xe();return}let e=new URLSearchParams;n.view==="trash"?e.set("status","deleted"):n.view==="up-next"?e.set("up_next","true"):n.view==="open"?e.set("status","open"):n.view==="completed"?e.set("status","completed"):n.view==="non-verified"?e.set("status","non_verified"):n.view==="verified"?e.set("status","verified"):n.view.startsWith("category:")?e.set("category",n.view.split(":")[1]):n.view.startsWith("priority:")&&e.set("priority",n.view.split(":")[1]),n.search&&e.set("search",n.search),e.set("sort_by",n.sortBy),e.set("sort_dir",n.sortDir);let t=e.toString();n.tickets=await c(`/tickets${t?"?"+t:""}`),g()}function Xe(){let e=[...n.backupPreview?.tickets||[]];if(n.view==="trash")e=e.filter(t=>t.status==="deleted");else if(n.view==="up-next")e=e.filter(t=>t.up_next&&t.status!=="deleted");else if(n.view==="open")e=e.filter(t=>t.status==="not_started"||t.status==="started");else if(n.view==="completed")e=e.filter(t=>t.status==="completed");else if(n.view==="non-verified")e=e.filter(t=>t.status!=="verified"&&t.status!=="deleted");else if(n.view==="verified")e=e.filter(t=>t.status==="verified");else if(n.view.startsWith("category:")){let t=n.view.split(":")[1];e=e.filter(s=>s.category===t&&s.status!=="deleted")}else if(n.view.startsWith("priority:")){let t=n.view.split(":")[1];e=e.filter(s=>s.priority===t&&s.status!=="deleted")}else e=e.filter(t=>t.status!=="deleted");if(n.search){let t=n.search.toLowerCase();e=e.filter(s=>s.title.toLowerCase().includes(t)||s.ticket_number.toLowerCase().includes(t)||s.details&&s.details.toLowerCase().includes(t))}n.tickets=e,g()}function Qe(e){let t=Date.now()-new Date(e).getTime(),s=Math.floor(t/6e4);if(s<1)return"just now";if(s<60)return`${s}m ago`;let i=Math.floor(s/60);return i<24?`${i}h ago`:`${Math.floor(i/24)}d ago`}function Ze(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(0)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function et(e){return e==="5min"?"Recent (every 5 min)":e==="hourly"?"Hourly":e==="daily"?"Daily":e}async function G(){var t;let e=document.getElementById("backup-list");if(e)try{let s=await c("/backups");if(s.backups.length===0){e.textContent="No backups yet. First backup will be created shortly.";return}let i={};for(let a of s.backups)(i[t=a.tier]||(i[t]=[])).push(a);e.innerHTML="";for(let a of["5min","hourly","daily"]){let o=i[a];if(!(!o||o.length===0)){e.appendChild(y(l("div",{className:"backup-tier-label",children:et(a)})));for(let r of o){let d=y(l("div",{className:"backup-row","data-tier":r.tier,"data-filename":r.filename,children:[l("span",{className:"backup-row-time",children:Qe(r.createdAt)}),l("span",{className:"backup-row-meta",children:[new Date(r.createdAt).toLocaleString()," \xB7 ",Ze(r.sizeBytes)]})]}));d.addEventListener("click",()=>{tt(r.tier,r.filename,r.createdAt)}),e.appendChild(d)}}}}catch{e.textContent="Failed to load backups."}}async function tt(e,t,s){let i=document.getElementById("settings-overlay");i.style.display="none";let a=document.getElementById("backup-preview-banner"),o=document.getElementById("backup-preview-label");o.textContent="Loading backup preview...",a.style.display="flex";try{let r=await c(`/backups/preview/${e}/${t}`);n.backupPreview={active:!0,tickets:r.tickets,timestamp:s,tier:e,filename:t},n.selectedIds.clear(),n.activeTicketId=null,o.textContent=`Previewing backup from ${new Date(s).toLocaleString()} (${r.stats.total} tickets, ${r.stats.open} open) \u2014 read-only`,f()}catch{o.textContent="Failed to load backup preview.",setTimeout(()=>{a.style.display="none"},3e3)}}async function nt(){let e=document.getElementById("backup-preview-banner");e.style.display="none",n.backupPreview=null,n.selectedIds.clear(),n.activeTicketId=null,await c("/backups/preview/cleanup",{method:"POST"}),f()}async function st(){if(!n.backupPreview)return;let e=document.getElementById("backup-restore-btn");e.textContent="Restoring...",e.disabled=!0;try{await c("/backups/restore",{method:"POST",body:{tier:n.backupPreview.tier,filename:n.backupPreview.filename}}),window.location.reload()}catch{e.textContent="Restore failed",e.disabled=!1,setTimeout(()=>{e.textContent="Restore This Backup"},3e3)}}function he(){document.getElementById("backup-cancel-btn")?.addEventListener("click",()=>{nt()}),document.getElementById("backup-restore-btn")?.addEventListener("click",()=>{st()});let e=document.getElementById("backup-now-btn");e?.addEventListener("click",async()=>{e.textContent="Backing up...",e.disabled=!0;try{(await c("/backups/now",{method:"POST"})).error?e.textContent="In progress...":(e.textContent="Done!",G())}catch{e.textContent="Failed"}setTimeout(()=>{e.textContent="Backup Now",e.disabled=!1},1500)})}async function it(){await at(),await f(),ft(),ut(),mt(),yt(),gt(),vt(),ht(),Et(),ot(),he(),ct(),re(),Tt(),lt(),document.addEventListener("hotsheet:render",()=>g()),h()}async function at(){try{let e=await c("/settings");(e.detail_position==="side"||e.detail_position==="bottom")&&(n.settings.detail_position=e.detail_position),e.detail_width&&(n.settings.detail_width=parseInt(e.detail_width,10)||360),e.detail_height&&(n.settings.detail_height=parseInt(e.detail_height,10)||300),e.trash_cleanup_days&&(n.settings.trash_cleanup_days=parseInt(e.trash_cleanup_days,10)||3),e.verified_cleanup_days&&(n.settings.verified_cleanup_days=parseInt(e.verified_cleanup_days,10)||30),(e.layout==="list"||e.layout==="columns")&&(n.layout=e.layout)}catch{}F(n.settings.detail_position),V()}function ot(){let e=document.getElementById("settings-overlay"),t=document.getElementById("settings-close");document.getElementById("settings-btn").addEventListener("click",()=>{document.getElementById("settings-trash-days").value=String(n.settings.trash_cleanup_days),document.getElementById("settings-verified-days").value=String(n.settings.verified_cleanup_days),e.style.display="flex",G(),c("/file-settings").then(p=>{document.getElementById("settings-backup-dir").value=p.backupDir||""})}),t.addEventListener("click",()=>{e.style.display="none"}),e.addEventListener("click",p=>{p.target===e&&(e.style.display="none")});let i=document.getElementById("settings-trash-days"),a=null;i.addEventListener("input",()=>{a&&clearTimeout(a),a=setTimeout(()=>{let p=Math.max(1,parseInt(i.value,10)||3);i.value=String(p),n.settings.trash_cleanup_days=p,c("/settings",{method:"PATCH",body:{trash_cleanup_days:String(p)}})},500)});let o=document.getElementById("settings-verified-days"),r=null;o.addEventListener("input",()=>{r&&clearTimeout(r),r=setTimeout(()=>{let p=Math.max(1,parseInt(o.value,10)||30);o.value=String(p),n.settings.verified_cleanup_days=p,c("/settings",{method:"PATCH",body:{verified_cleanup_days:String(p)}})},500)});let d=document.getElementById("settings-backup-dir"),m=document.getElementById("settings-backup-dir-hint"),u=null;d.addEventListener("input",()=>{u&&clearTimeout(u),u=setTimeout(()=>{let p=d.value.trim();c("/file-settings",{method:"PATCH",body:{backupDir:p}}).then(()=>{m.textContent=p?"Saved. New backups will use this location.":"Using default location inside the data directory."})},800)})}async function lt(){let e=window.__TAURI__;if(e?.core?.invoke)try{let t=await e.core.invoke("get_pending_update");t&&rt(t)}catch{}}function rt(e){let t=document.getElementById("update-banner");if(!t)return;let s=document.getElementById("update-banner-label");s&&(s.textContent=`Update available: v${e}`),t.style.display="flex";let i=document.getElementById("update-install-btn");i?.addEventListener("click",async()=>{if(i){i.textContent="Installing...",i.disabled=!0;try{await window.__TAURI__?.core?.invoke("install_update"),s&&(s.textContent="Update installed! Restart the app to apply."),i.style.display="none"}catch{i.textContent="Install Failed",i.disabled=!1}}}),document.getElementById("update-banner-dismiss")?.addEventListener("click",()=>{t.style.display="none"})}function dt(){let e=document.getElementById("skills-banner");if(!e)return;e.style.display="flex",document.getElementById("skills-banner-dismiss")?.addEventListener("click",()=>{e.style.display="none"})}function ct(){let e=document.getElementById("copy-prompt-section"),t=document.getElementById("copy-prompt-btn"),s=document.getElementById("copy-prompt-label"),i=document.getElementById("copy-prompt-icon"),a="";c("/worklist-info").then(o=>{a=o.prompt,e.style.display="",o.skillCreated&&dt()}),t.addEventListener("click",()=>{a!==""&&navigator.clipboard.writeText(a).then(()=>{s.textContent="Copied!",i.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg>',setTimeout(()=>{s.textContent="Copy AI prompt",i.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>'},1500)})})}function Q(){let e=document.getElementById("layout-toggle"),t=O(),s=e.querySelector('[data-layout="columns"]');s.disabled=!t,s.style.opacity=t?"":"0.3";let i=n.layout==="columns"&&!t?"list":n.layout;e.querySelectorAll(".layout-btn").forEach(a=>{a.classList.toggle("active",a.dataset.layout===i)})}function ut(){document.getElementById("layout-toggle").querySelectorAll(".layout-btn").forEach(t=>{t.addEventListener("click",()=>{let s=t.dataset.layout;s==="columns"&&!O()||(n.layout=s,Q(),g(),c("/settings",{method:"PATCH",body:{layout:s}}))})}),Q()}function be(){document.getElementById("detail-position-toggle").querySelectorAll(".layout-btn").forEach(t=>{t.classList.toggle("active",t.dataset.position===n.settings.detail_position)})}function mt(){document.getElementById("detail-position-toggle").querySelectorAll(".layout-btn").forEach(t=>{t.addEventListener("click",()=>{let s=t.dataset.position;n.settings.detail_position=s,F(s),V(),be(),c("/settings",{method:"PATCH",body:{detail_position:s}})})}),be()}function ke(e){return e==="up-next"?{action:"up_next",value:!0}:e==="open"?{action:"status",value:"not_started"}:e==="completed"?{action:"status",value:"completed"}:e==="verified"?{action:"status",value:"verified"}:e==="trash"?{action:"delete",value:null}:e.startsWith("category:")?{action:"category",value:e.split(":")[1]}:e.startsWith("priority:")?{action:"priority",value:e.split(":")[1]}:null}async function pt(e,t){let s=ke(e);s&&(s.action==="delete"?await c("/tickets/batch",{method:"POST",body:{ids:t,action:"delete"}}):await c("/tickets/batch",{method:"POST",body:{ids:t,action:s.action,value:s.value}}),f())}function ft(){let e=document.querySelectorAll(".sidebar-item[data-view]");e.forEach(t=>{t.addEventListener("click",()=>{e.forEach(i=>{i.classList.remove("active")}),t.classList.add("active"),n.view=t.dataset.view,n.selectedIds.clear(),Q(),f()});let s=t.dataset.view;ke(s)&&(t.addEventListener("dragover",i=>{i.preventDefault(),i.dataTransfer.dropEffect="move",t.classList.add("drop-target")}),t.addEventListener("dragleave",()=>{t.classList.remove("drop-target")}),t.addEventListener("drop",i=>{i.preventDefault(),t.classList.remove("drop-target");let a=[...v];a.length!==0&&pt(s,a)}))})}function yt(){let e=document.getElementById("sort-select");e.addEventListener("change",()=>{let[t,s]=e.value.split(":");n.sortBy=t,n.sortDir=s,f()})}var J=null;function gt(){let e=document.getElementById("search-input");e.addEventListener("input",()=>{J&&clearTimeout(J),J=setTimeout(()=>{n.search=e.value,f()},200)}),e.addEventListener("keydown",t=>{t.key==="Escape"&&(e.value="",n.search="",f())})}function vt(){let e=document.getElementById("batch-category");e.addEventListener("change",async()=>{e.value&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"category",value:e.value}}),e.value="",f())});let t=document.getElementById("batch-priority");t.addEventListener("change",async()=>{t.value&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"priority",value:t.value}}),t.value="",f())});let s=document.getElementById("batch-status");s.addEventListener("change",async()=>{s.value&&(await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"status",value:s.value}}),s.value="",f())}),document.getElementById("batch-upnext").addEventListener("click",async()=>{let i=n.tickets.filter(r=>n.selectedIds.has(r.id)),o=!i.every(r=>r.up_next);if(o){let r=i.filter(d=>d.status==="completed"||d.status==="verified");r.length>0&&await c("/tickets/batch",{method:"POST",body:{ids:r.map(d=>d.id),action:"status",value:"not_started"}})}await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"up_next",value:o}}),f()}),document.getElementById("batch-delete").addEventListener("click",async()=>{await c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"delete"}}),n.selectedIds.clear(),f()}),document.getElementById("batch-select-all").addEventListener("change",i=>{if(i.target.checked)for(let o of n.tickets)n.selectedIds.add(o.id);else n.selectedIds.clear();g()})}var Y=null;function ht(){document.getElementById("detail-close").addEventListener("click",ie);let e=["detail-title","detail-details"];for(let s of e){let i=document.getElementById(s);i.addEventListener("input",()=>{Y&&clearTimeout(Y),Y=setTimeout(()=>{if(n.activeTicketId==null)return;let a=s.replace("detail-","");c(`/tickets/${n.activeTicketId}`,{method:"PATCH",body:{[a]:i.value}}).then(()=>{f()})},300)})}let t=["detail-category","detail-priority","detail-status"];for(let s of t){let i=document.getElementById(s);i.addEventListener("change",async()=>{if(n.activeTicketId==null)return;let a=s.replace("detail-","");await c(`/tickets/${n.activeTicketId}`,{method:"PATCH",body:{[a]:i.value}}),f()})}document.getElementById("detail-upnext").addEventListener("change",async()=>{if(n.activeTicketId==null)return;let s=n.tickets.find(a=>a.id===n.activeTicketId);document.getElementById("detail-upnext").checked&&s&&(s.status==="completed"||s.status==="verified")?await c(`/tickets/${n.activeTicketId}`,{method:"PATCH",body:{status:"not_started",up_next:!0}}):await c(`/tickets/${n.activeTicketId}/up-next`,{method:"POST"}),f(),N(n.activeTicketId)}),document.getElementById("detail-file-input").addEventListener("change",async s=>{let i=s.target,a=i.files?.[0];!a||n.activeTicketId==null||(await se(`/tickets/${n.activeTicketId}/attachments`,a),i.value="",N(n.activeTicketId),f())}),document.getElementById("detail-attachments").addEventListener("click",async s=>{let a=s.target.closest(".attachment-delete");if(a===null)return;let o=a.dataset.attId;o===void 0||o===""||(await c(`/attachments/${o}`,{method:"DELETE"}),n.activeTicketId!=null&&N(n.activeTicketId))})}function bt(e){if(!e||e==="")return[];try{let t=JSON.parse(e);if(Array.isArray(t))return t}catch{}return e.trim()?[{text:e,created_at:""}]:[]}function kt(e){let t=[];t.push(`${e.ticket_number}: ${e.title}`),e.details.trim()&&(t.push(""),t.push(e.details.trim()));let s=bt(e.notes);if(s.length>0){t.push("");for(let i of s)t.push(`- ${i.text}`)}return t.join(`
|
|
2
|
+
`)}function Et(){document.addEventListener("keydown",e=>{let t=e.target.tagName,s=t==="INPUT"||t==="TEXTAREA"||t==="SELECT",i=document.getElementById("settings-overlay");if(e.key==="Escape"&&i.style.display!=="none"){i.style.display="none";return}if(e.key==="Escape"){n.selectedIds.size>0&&(n.selectedIds.clear(),g());return}if((e.metaKey||e.ctrlKey)&&e.key==="a"&&!s){e.preventDefault(),n.selectedIds.clear();for(let a of n.tickets)n.selectedIds.add(a.id);g();return}if((e.metaKey||e.ctrlKey)&&e.key==="d"){if(n.selectedIds.size>0){e.preventDefault();let a=n.tickets.filter(d=>n.selectedIds.has(d.id)),r=!a.every(d=>d.up_next);if(r){let d=a.filter(m=>m.status==="completed"||m.status==="verified");if(d.length>0){c("/tickets/batch",{method:"POST",body:{ids:d.map(m=>m.id),action:"status",value:"not_started"}}).then(()=>c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"up_next",value:!0}})).then(()=>{f()});return}}c("/tickets/batch",{method:"POST",body:{ids:Array.from(n.selectedIds),action:"up_next",value:r}}).then(()=>{f()})}return}if((e.metaKey||e.ctrlKey)&&e.key==="c"&&n.selectedIds.size>0&&!(s&&!e.altKey)){let a=!e.altKey&&window.getSelection();if(!(a&&!a.isCollapsed&&a.toString().trim()!=="")){e.preventDefault();let r=n.tickets.filter(d=>n.selectedIds.has(d.id)).map(kt).join(`
|
|
3
3
|
|
|
4
|
-
`);navigator.clipboard.writeText(
|
|
4
|
+
`);navigator.clipboard.writeText(r);return}}if((e.metaKey||e.ctrlKey)&&e.key==="n"){e.preventDefault(),h();return}if((e.metaKey||e.ctrlKey)&&e.key==="f"){e.preventDefault(),document.getElementById("search-input").focus();return}if(e.key==="n"&&!s){e.preventDefault(),h();return}})}var X=0;function Tt(){async function e(){try{let t=await c(`/poll?version=${X}`);t.version>X&&(X=t.version,n.backupPreview?.active||f())}catch{await new Promise(t=>setTimeout(t,5e3))}setTimeout(e,100)}e()}it();})();
|
package/dist/client/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-secondary: #f9fafb;--bg-hover: #f3f4f6;--bg-selected: #eff6ff;--border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--star: #eab308;--radius: 6px;--shadow: 0 1px 3px rgba(0,0,0,0.08)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg)}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg);gap:16px;flex-shrink:0}.app-header h1{font-size:18px;font-weight:700;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.search-box{flex:1}.search-box input{width:100%;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);outline:none}.search-box input:focus{border-color:var(--accent);background:var(--bg)}.layout-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.layout-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;color:var(--text-secondary);background:var(--bg);border:none;border-right:1px solid var(--border);cursor:pointer}.layout-btn:last-child{border-right:none}.layout-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.layout-btn.active{background:var(--bg-selected);color:var(--accent)}.layout-btn:disabled{cursor:default}.sort-controls select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer}.settings-btn{font-size:18px;color:var(--text-muted);padding:4px;border-radius:var(--radius);flex-shrink:0}.settings-btn:hover{color:var(--text);background:var(--bg-hover)}.app-body{display:flex;flex:1;overflow:hidden}.content-area{flex:1;display:flex;overflow:hidden;min-width:0}.content-area.detail-side{flex-direction:row}.content-area.detail-bottom{flex-direction:column}.sidebar{width:180px;border-right:1px solid var(--border);background:var(--bg-secondary);overflow-y:auto;flex-shrink:0;padding:8px 0}.sidebar-copy-prompt{padding:8px 10px 4px}.copy-prompt-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:12px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.copy-prompt-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-selected)}.copy-prompt-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-section{margin-bottom:8px}.sidebar-label{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 16px;text-align:left;font-size:13px;color:var(--text-secondary);border-radius:0}.sidebar-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-item.active{background:var(--bg-selected);color:var(--accent);font-weight:500}.sidebar-item.drop-target{background:var(--bg-selected);color:var(--accent);outline:2px dashed var(--accent);outline-offset:-2px}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-stats{padding:12px 16px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:8px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.batch-toolbar{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 19px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;min-height:36px}.batch-toolbar select:disabled,.batch-toolbar .btn:disabled{opacity:.4;cursor:default;pointer-events:none}.batch-toolbar select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:12px}.batch-select-all{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.batch-star-btn{font-size:16px;color:var(--text-muted);padding:2px 6px;border-radius:var(--radius);line-height:1}.batch-star-btn:hover:not(:disabled){color:var(--star);background:var(--bg-hover)}.batch-star-btn.active{color:var(--star)}.batch-star-btn.mixed{color:var(--star)}.batch-star-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.star-mixed-wrap{position:relative;display:inline-block}.star-mixed-fill{position:absolute;left:0;top:0;overflow:hidden;width:50%}.batch-delete-btn.btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:none;background:none}.batch-count{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:12px;cursor:pointer}.btn:hover{background:var(--bg-hover)}.btn-sm{padding:3px 8px;font-size:11px}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fef2f2}.ticket-list{flex:1;overflow-y:auto;padding:4px 0}.ticket-list-empty,.ticket-list-loading{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.ticket-row{display:flex;align-items:center;gap:8px;padding:4px 16px;border-bottom:1px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);min-height:36px}.ticket-row:hover{background:var(--bg-hover)}.ticket-row.selected{background:var(--bg-selected)}.ticket-row.completed .ticket-title-input{text-decoration:line-through;color:var(--text-muted)}.ticket-row.up-next{border-left:3px solid var(--star)}.ticket-checkbox{flex-shrink:0;width:14px;height:14px;cursor:pointer;accent-color:var(--accent)}.ticket-status-btn{flex-shrink:0;width:20px;height:20px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary)}.ticket-status-btn:hover{background:var(--bg-hover)}.ticket-status-btn.verified{color:#22c55e}.ticket-category-badge{flex-shrink:0;width:4em;padding:1px 0;border-radius:3px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;letter-spacing:.3px}.ticket-category-badge:hover{opacity:.85}.ticket-number{flex-shrink:0;font-size:11px;color:var(--text-muted);font-family:"SF Mono",Monaco,"Cascadia Code",monospace;min-width:5em}.ticket-title-input{flex:1;border:none;background:rgba(0,0,0,0);padding:2px 0;outline:none;min-width:0}.ticket-title-input:focus{border-bottom:1px solid var(--accent)}.ticket-title-input::placeholder{color:var(--text-muted)}.ticket-priority-indicator{flex-shrink:0;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px;min-width:24px;text-align:center}.ticket-priority-indicator:hover{background:var(--bg-hover)}.ticket-star{flex-shrink:0;font-size:16px;color:var(--text-muted);padding:0}.ticket-star.active{color:var(--star)}.ticket-star:hover{color:var(--star)}.trash-row .trash-title{flex:1;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-row .btn{flex-shrink:0}.draft-row{border-bottom:1px dashed var(--border) !important;background:var(--bg-secondary)}.draft-row:hover{background:var(--bg-secondary)}.draft-row .draft-placeholder{opacity:.35;pointer-events:none}.draft-row .draft-badge{opacity:.35}.draft-row .draft-input::placeholder{color:var(--text-muted);font-style:italic}.ticket-checkbox-spacer{width:14px;flex-shrink:0}.detail-resize-handle{flex-shrink:0;background:rgba(0,0,0,0);position:relative;z-index:10}.detail-resize-handle:hover,.detail-resize-handle:active{background:var(--accent);opacity:.3}.detail-side .detail-resize-handle{width:4px;cursor:col-resize}.detail-bottom .detail-resize-handle{height:4px;cursor:row-resize}.detail-panel{border-left:1px solid var(--border);background:var(--bg);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.detail-side .detail-panel{width:360px;border-left:1px solid var(--border);border-top:none}.detail-bottom .detail-panel{height:300px;width:auto;border-left:none;border-top:1px solid var(--border)}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600}.detail-ticket-number{font-family:"SF Mono",Monaco,"Cascadia Code",monospace;font-size:13px;color:var(--accent)}.detail-close{font-size:20px;color:var(--text-muted);padding:0 4px}.detail-close:hover{color:var(--text)}.detail-body{flex:1;overflow-y:auto;padding:16px}.detail-fields-row{display:contents}.detail-bottom .detail-body{display:flex;flex-wrap:wrap;gap:0 16px;align-content:flex-start}.detail-bottom .detail-body .detail-fields-row{display:flex;gap:16px;width:100%}.detail-bottom .detail-body .detail-fields-row .detail-field{flex:1;min-width:0}.detail-bottom .detail-body .detail-field-full{width:100%;flex-basis:100%}.detail-field{margin-bottom:16px}.detail-field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.detail-field input[type=text],.detail-field textarea,.detail-field select{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none}.detail-field input[type=text]:focus,.detail-field textarea:focus,.detail-field select:focus{border-color:var(--accent)}.detail-field textarea{resize:vertical;min-height:80px}.detail-upnext-label{display:flex !important;align-items:center;gap:8px;cursor:pointer;font-size:14px !important;font-weight:400 !important;color:var(--text) !important}.detail-upnext-label input[type=checkbox]{width:auto;accent-color:var(--star)}.detail-attachments{margin-bottom:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:4px;font-size:12px}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-delete{color:var(--text-muted);font-size:16px;padding:0 4px;cursor:pointer;border:none;background:none}.attachment-delete:hover{color:var(--danger)}.upload-btn{cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:4px}.detail-meta{padding-top:12px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.detail-meta div{margin-bottom:2px}.dropdown-menu{position:fixed;z-index:1000;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 0;min-width:140px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;text-align:left;font-size:13px;text-transform:capitalize}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.active{color:var(--accent);font-weight:500}.dropdown-label{flex:1}.dropdown-kbd{font-size:11px;color:var(--text-muted);padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg-secondary);font-family:inherit;flex-shrink:0}.dropdown-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:2000}.settings-dialog{background:var(--bg);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.15);width:380px;max-width:90vw}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-header h2{font-size:16px;font-weight:600}.settings-body{padding:20px}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.settings-field select,.settings-field input[type=number]{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none}.settings-field select:focus,.settings-field input[type=number]:focus{border-color:var(--accent)}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;border-top:1px solid var(--border);background:var(--bg-secondary);font-size:12px;color:var(--text-muted);flex-shrink:0}.keyboard-hints{display:flex;gap:16px}.keyboard-hints kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg);font-family:inherit;font-size:11px}.status-bar{font-size:12px}.ticket-list-columns{display:flex;flex-direction:column;overflow:hidden}.ticket-list-columns .draft-row{flex-shrink:0}.columns-container{display:flex;flex:1;gap:1px;background:var(--border);overflow-x:auto;min-height:0}.column{flex:1;min-width:180px;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.column.column-drop-target{background:var(--bg-selected)}.column.column-drop-target .column-body{outline:2px dashed var(--accent);outline-offset:-2px}.column-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.column-count{font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);padding:1px 6px;border-radius:10px}.column-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.column-card{padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;box-shadow:var(--shadow)}.column-card:hover{border-color:var(--accent)}.column-card.selected{border-color:var(--accent);background:var(--bg-selected)}.column-card.up-next{border-left:3px solid var(--star)}.column-card:active{cursor:grabbing}.column-card-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.column-card-title{font-size:13px;line-height:1.4;word-break:break-word}@media(max-width: 768px){.sidebar{width:140px}.detail-side .detail-panel{width:280px}.keyboard-hints{display:none}}@media(max-width: 600px){.sidebar{display:none}}.error-popup{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:3000}.error-popup-content{background:var(--bg);border:1px solid var(--danger);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:24px;max-width:360px;text-align:center}.error-popup-content strong{display:block;font-size:16px;margin-bottom:8px;color:var(--danger)}.error-popup-content p{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.error-popup-content button{padding:6px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:13px;cursor:pointer}.error-popup-content button:hover{background:var(--bg-hover)}.detail-notes{display:flex;flex-direction:column;gap:8px}.note-entry{padding:8px 10px;background:var(--bg-secondary);border-radius:var(--radius);border-left:3px solid var(--accent)}.note-timestamp{font-size:11px;color:var(--text-muted);margin-bottom:2px}.note-text{font-size:13px;color:var(--text);white-space:pre-wrap}
|
|
1
|
+
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--bg-secondary: #f9fafb;--bg-hover: #f3f4f6;--bg-selected: #eff6ff;--border: #e5e7eb;--text: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent: #3b82f6;--accent-hover: #2563eb;--danger: #ef4444;--star: #eab308;--radius: 6px;--shadow: 0 1px 3px rgba(0,0,0,0.08)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg)}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg);gap:16px;flex-shrink:0}.app-header h1{font-size:18px;font-weight:700;white-space:nowrap}.header-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.search-box{flex:1}.search-box input{width:100%;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);outline:none}.search-box input:focus{border-color:var(--accent);background:var(--bg)}.layout-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.layout-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;color:var(--text-secondary);background:var(--bg);border:none;border-right:1px solid var(--border);cursor:pointer}.layout-btn:last-child{border-right:none}.layout-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.layout-btn.active{background:var(--bg-selected);color:var(--accent)}.layout-btn:disabled{cursor:default}.sort-controls select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer}.settings-btn{font-size:18px;color:var(--text-muted);padding:4px;border-radius:var(--radius);flex-shrink:0}.settings-btn:hover{color:var(--text);background:var(--bg-hover)}.app-body{display:flex;flex:1;overflow:hidden}.content-area{flex:1;display:flex;overflow:hidden;min-width:0}.content-area.detail-side{flex-direction:row}.content-area.detail-bottom{flex-direction:column}.sidebar{width:180px;border-right:1px solid var(--border);background:var(--bg-secondary);overflow-y:auto;flex-shrink:0;padding:8px 0}.sidebar-copy-prompt{padding:8px 10px 4px}.copy-prompt-btn{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;font-size:12px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.copy-prompt-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--bg-selected)}.copy-prompt-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-section{margin-bottom:8px}.sidebar-label{padding:8px 16px 4px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 16px;text-align:left;font-size:13px;color:var(--text-secondary);border-radius:0}.sidebar-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-item.active{background:var(--bg-selected);color:var(--accent);font-weight:500}.sidebar-item.drop-target{background:var(--bg-selected);color:var(--accent);outline:2px dashed var(--accent);outline-offset:-2px}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.sidebar-stats{padding:12px 16px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:8px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0}.batch-toolbar{display:flex;align-items:center;gap:8px;padding:6px 16px 6px 19px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;min-height:36px}.batch-toolbar select:disabled,.batch-toolbar .btn:disabled{opacity:.4;cursor:default;pointer-events:none}.batch-toolbar select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:12px}.batch-select-all{width:14px;height:14px;cursor:pointer;accent-color:var(--accent);flex-shrink:0}.batch-star-btn{font-size:16px;color:var(--text-muted);padding:2px 6px;border-radius:var(--radius);line-height:1}.batch-star-btn:hover:not(:disabled){color:var(--star);background:var(--bg-hover)}.batch-star-btn.active{color:var(--star)}.batch-star-btn.mixed{color:var(--star)}.batch-star-btn:disabled{opacity:.4;cursor:default;pointer-events:none}.star-mixed-wrap{position:relative;display:inline-block}.star-mixed-fill{position:absolute;left:0;top:0;overflow:hidden;width:50%}.batch-delete-btn.btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:none;background:none}.batch-count{font-size:12px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:12px;cursor:pointer}.btn:hover{background:var(--bg-hover)}.btn-sm{padding:3px 8px;font-size:11px}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:#fef2f2}.ticket-list{flex:1;overflow-y:auto;padding:4px 0}.ticket-list-empty,.ticket-list-loading{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.ticket-row{display:flex;align-items:center;gap:8px;padding:4px 16px;border-bottom:1px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);min-height:36px}.ticket-row:hover{background:var(--bg-hover)}.ticket-row.selected{background:var(--bg-selected)}.ticket-row.completed .ticket-title-input{text-decoration:line-through;color:var(--text-muted)}.ticket-row.up-next{border-left:3px solid var(--star)}.ticket-checkbox{flex-shrink:0;width:14px;height:14px;cursor:pointer;accent-color:var(--accent)}.ticket-status-btn{flex-shrink:0;width:20px;height:20px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary)}.ticket-status-btn:hover{background:var(--bg-hover)}.ticket-status-btn.verified{color:#22c55e}.ticket-category-badge{flex-shrink:0;width:4em;padding:1px 0;border-radius:3px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;letter-spacing:.3px}.ticket-category-badge:hover{opacity:.85}.ticket-number{flex-shrink:0;font-size:11px;color:var(--text-muted);font-family:"SF Mono",Monaco,"Cascadia Code",monospace;min-width:5em}.ticket-title-input{flex:1;border:none;background:rgba(0,0,0,0);padding:2px 0;outline:none;min-width:0}.ticket-title-input:focus{border-bottom:1px solid var(--accent)}.ticket-title-input::placeholder{color:var(--text-muted)}.ticket-priority-indicator{flex-shrink:0;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px;min-width:24px;text-align:center}.ticket-priority-indicator:hover{background:var(--bg-hover)}.ticket-star{flex-shrink:0;font-size:16px;color:var(--text-muted);padding:0}.ticket-star.active{color:var(--star)}.ticket-star:hover{color:var(--star)}.trash-row .trash-title{flex:1;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-row .btn{flex-shrink:0}.draft-row{border-bottom:1px dashed var(--border) !important;background:var(--bg-secondary)}.draft-row:hover{background:var(--bg-secondary)}.draft-row .draft-placeholder{opacity:.35;pointer-events:none}.draft-row .draft-badge{opacity:.35}.draft-row .draft-input::placeholder{color:var(--text-muted);font-style:italic}.ticket-checkbox-spacer{width:14px;flex-shrink:0}.detail-resize-handle{flex-shrink:0;background:rgba(0,0,0,0);position:relative;z-index:10}.detail-resize-handle:hover,.detail-resize-handle:active{background:var(--accent);opacity:.3}.detail-side .detail-resize-handle{width:4px;cursor:col-resize}.detail-bottom .detail-resize-handle{height:4px;cursor:row-resize}.detail-panel{border-left:1px solid var(--border);background:var(--bg);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}.detail-side .detail-panel{width:360px;border-left:1px solid var(--border);border-top:none}.detail-bottom .detail-panel{height:300px;width:auto;border-left:none;border-top:1px solid var(--border)}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:600}.detail-ticket-number{font-family:"SF Mono",Monaco,"Cascadia Code",monospace;font-size:13px;color:var(--accent)}.detail-close{font-size:20px;color:var(--text-muted);padding:0 4px}.detail-close:hover{color:var(--text)}.detail-body{flex:1;overflow-y:auto;padding:16px}.detail-fields-row{display:contents}.detail-bottom .detail-body{display:flex;flex-wrap:wrap;gap:0 16px;align-content:flex-start}.detail-bottom .detail-body .detail-fields-row{display:flex;gap:16px;width:100%}.detail-bottom .detail-body .detail-fields-row .detail-field{flex:1;min-width:0}.detail-bottom .detail-body .detail-field-full{width:100%;flex-basis:100%}.detail-field{margin-bottom:16px}.detail-field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.detail-field input[type=text],.detail-field textarea,.detail-field select{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none}.detail-field input[type=text]:focus,.detail-field textarea:focus,.detail-field select:focus{border-color:var(--accent)}.detail-field textarea{resize:vertical;min-height:80px}.detail-upnext-label{display:flex !important;align-items:center;gap:8px;cursor:pointer;font-size:14px !important;font-weight:400 !important;color:var(--text) !important}.detail-upnext-label input[type=checkbox]{width:auto;accent-color:var(--star)}.detail-attachments{margin-bottom:8px}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:4px;font-size:12px}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-delete{color:var(--text-muted);font-size:16px;padding:0 4px;cursor:pointer;border:none;background:none}.attachment-delete:hover{color:var(--danger)}.upload-btn{cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:4px}.detail-meta{padding-top:12px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.detail-meta div{margin-bottom:2px}.dropdown-menu{position:fixed;z-index:1000;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px 0;min-width:140px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;text-align:left;font-size:13px;text-transform:capitalize}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.active{color:var(--accent);font-weight:500}.dropdown-label{flex:1}.dropdown-kbd{font-size:11px;color:var(--text-muted);padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg-secondary);font-family:inherit;flex-shrink:0}.dropdown-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:2000}.settings-dialog{background:var(--bg);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.15);width:480px;max-width:90vw;max-height:85vh;overflow-y:auto}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-header h2{font-size:16px;font-weight:600}.settings-body{padding:20px}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.settings-field select,.settings-field input[type=number],.settings-field input[type=text]{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none}.settings-field select:focus,.settings-field input[type=number]:focus,.settings-field input[type=text]:focus{border-color:var(--accent)}.settings-hint{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px}.skills-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:#dbeafe;border-bottom:2px solid #3b82f6;font-size:13px;color:#1e3a5f;flex-shrink:0}@media(prefers-color-scheme: dark){.skills-banner{background:#1e293b;border-bottom-color:#3b82f6;color:#93c5fd}}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:#dcfce7;border-bottom:2px solid #22c55e;font-size:13px;color:#166534;flex-shrink:0}@media(prefers-color-scheme: dark){.update-banner{background:#14532d;border-bottom-color:#22c55e;color:#86efac}}.update-banner-actions{display:flex;gap:8px;flex-shrink:0}.btn-accent{color:#fff;background:#22c55e;border-color:#22c55e}.btn-accent:hover:not(:disabled){background:#16a34a}.btn-accent:disabled{opacity:.7;cursor:default}.backup-preview-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#fef3c7;border-bottom:2px solid #f59e0b;font-size:13px;font-weight:500;color:#92400e;flex-shrink:0}@media(prefers-color-scheme: dark){.backup-preview-banner{background:#451a03;border-bottom-color:#d97706;color:#fbbf24}}.backup-preview-actions{display:flex;gap:8px;flex-shrink:0}.settings-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.settings-section h3{font-size:14px;font-weight:600;margin-bottom:12px}.settings-section-header{display:flex;align-items:center;justify-content:space-between}.settings-section-header h3{margin-bottom:0}.settings-section-header{margin-bottom:12px}.backup-list{max-height:300px;overflow-y:auto;font-size:13px;color:var(--text-muted)}.backup-tier-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px;border-bottom:1px solid var(--border);margin-bottom:2px}.backup-tier-label:first-child{padding-top:0}.backup-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:var(--radius);cursor:pointer}.backup-row:hover{background:var(--bg-hover)}.backup-row-time{color:var(--text);font-weight:500}.backup-row-meta{font-size:11px;color:var(--text-muted)}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;border-top:1px solid var(--border);background:var(--bg-secondary);font-size:12px;color:var(--text-muted);flex-shrink:0}.keyboard-hints{display:flex;gap:16px}.keyboard-hints kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg);font-family:inherit;font-size:11px}.status-bar{font-size:12px}.ticket-list-columns{display:flex;flex-direction:column;overflow:hidden}.ticket-list-columns .draft-row{flex-shrink:0}.columns-container{display:flex;flex:1;gap:1px;background:var(--border);overflow-x:auto;min-height:0}.column{flex:1;min-width:180px;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.column.column-drop-target{background:var(--bg-selected)}.column.column-drop-target .column-body{outline:2px dashed var(--accent);outline-offset:-2px}.column-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0}.column-count{font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-secondary);padding:1px 6px;border-radius:10px}.column-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.column-card{padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;box-shadow:var(--shadow)}.column-card:hover{border-color:var(--accent)}.column-card.selected{border-color:var(--accent);background:var(--bg-selected)}.column-card.up-next{border-left:3px solid var(--star)}.column-card:active{cursor:grabbing}.column-card-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.column-card-title{font-size:13px;line-height:1.4;word-break:break-word}@media(max-width: 768px){.sidebar{width:140px}.detail-side .detail-panel{width:280px}.keyboard-hints{display:none}}@media(max-width: 600px){.sidebar{display:none}}.error-popup{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:3000}.error-popup-content{background:var(--bg);border:1px solid var(--danger);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.15);padding:24px;max-width:360px;text-align:center}.error-popup-content strong{display:block;font-size:16px;margin-bottom:8px;color:var(--danger)}.error-popup-content p{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.error-popup-content button{padding:6px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:13px;cursor:pointer}.error-popup-content button:hover{background:var(--bg-hover)}.detail-notes{display:flex;flex-direction:column;gap:8px}.note-entry{padding:8px 10px;background:var(--bg-secondary);border-radius:var(--radius);border-left:3px solid var(--accent)}.note-timestamp{font-size:11px;color:var(--text-muted);margin-bottom:2px}.note-text{font-size:13px;color:var(--text);white-space:pre-wrap}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hotsheet",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"description": "A lightweight local project management tool. Create, categorize, and prioritize tickets with a fast bullet-list interface, then export an Up Next worklist for AI tools.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|