efficient-shell 10.21.0 → 10.22.0

package/dist/PomodoroTimer-ZLS6XCTN.js

@@ -0,0 +1,91 @@
+import{loadAppearance as e,WidgetSettingsModal as t}from"./chunk-D6ZXMKW2.js";import{subscribePomo as o,getPomoSnapshot as a,setPomoDurations as n,setPomoAlarm as r,setPomoAlarmConfig as s,setPomoBehaviour as l,setPomoFocusSound as i,useTodoTasks as c,migratePomodoroTasksOnce as d,pomoSwitchMode as u,pomoPause as m,pomoStart as h,ALARM_OPTIONS as p,playAlarm as g,FOCUS_SOUND_OPTIONS as f,previewFocusSound as k}from"./chunk-REWKL7MX.js";import{PLACEHOLDER_INK as b}from"./chunk-AYZY3YNC.js";import{pad2 as x}from"./chunk-LF27WIN2.js";import{useWidgetSettings as v}from"./chunk-ZT45XXIB.js";import"./chunk-CY5N5OA3.js";import"./chunk-AW7TOB6N.js";import"./chunk-KNUR2UEG.js";import"./chunk-JDCM2VHG.js";import"./chunk-QYL26AB4.js";import"./chunk-ZDMZM7HD.js";import"./chunk-5A7MWTXX.js";import"./chunk-2E2SUEEE.js";import"./chunk-PLK2WHZG.js";import"./chunk-7INZ7O3A.js";import{useShellPrefs as y}from"./chunk-KC3EX26K.js";import"./chunk-P22NWAFW.js";import"./chunk-3DVNXNTF.js";import"./chunk-ECJKIPWU.js";import"./chunk-VWGWZY7A.js";import"./chunk-7QSDPSXP.js";import"./chunk-7ELJQL7J.js";import"./chunk-UGTRSRIW.js";import"./chunk-SAGI7AWC.js";import"./chunk-CDAJKLGL.js";import"./chunk-KLAKLVKE.js";import"./chunk-URHGHXDN.js";import"./chunk-5QFPTDQF.js";import"./chunk-N2RIQ2OU.js";import"./chunk-NGRTW6Y7.js";import"./chunk-UQYNPYF4.js";import"./chunk-WJ6ZJVAX.js";import{Icon as N}from"./chunk-2UO47XB4.js";import"./chunk-J75ZT2JQ.js";import"./chunk-R2VKEMZH.js";import"./chunk-MRJKZWWV.js";import"./chunk-GLE4F5FT.js";import"./chunk-22LRMKLV.js";import"./chunk-PGN5ME7B.js";import"./chunk-62LW225J.js";import"./chunk-GLUJS42B.js";import"./chunk-D65T4H6J.js";import"./chunk-BB6A5MGA.js";import"./chunk-5R4X7MFQ.js";import"./chunk-TWVUQUUD.js";import"./chunk-GDQJBQ5B.js";import"./chunk-C3QOHMR6.js";import{useSyncExternalStore as C,useEffect as w,useMemo as S,useState as j,useRef as B,useCallback as M}from"react";import{jsxs as T,Fragment as P,jsx as A}from"react/jsx-runtime";var I="pomodoro_appearance",L="pomodoro_active_task_id",W={focus:"Pomodoro",short:"Short Break",long:"Long Break"},D={focus:"#0f172a",short:"#508a52",long:"#5b7898"};var V=25,$=5,E=15,R=!1,K=!1,F=4,J=!0,U=!0,G="bell",Q=100,X=1,Z="none",_=50,O=(e,t,o,a)=>"number"==typeof e&&isFinite(e)?Math.max(t,Math.min(o,Math.round(e))):a;function H(){const t=C(o,a,a),{prefs:g,save:k}=y(),b=function(e){const t=e&&"object"==typeof e?e:{};return{focusMinutes:O(t.focusMinutes,1,120,V),shortBreakMinutes:O(t.shortBreakMinutes,1,120,$),longBreakMinutes:O(t.longBreakMinutes,1,120,E),autoStartBreaks:"boolean"==typeof t.autoStartBreaks?t.autoStartBreaks:R,autoStartPomodoros:"boolean"==typeof t.autoStartPomodoros?t.autoStartPomodoros:K,longBreakInterval:O(t.longBreakInterval,1,20,F),autoCheckTasks:"boolean"==typeof t.autoCheckTasks?t.autoCheckTasks:J,checkToBottom:"boolean"==typeof t.checkToBottom?t.checkToBottom:U,alarmSound:p.some(e=>e.id===t.alarmSound)?t.alarmSound:G,alarmVolume:O(t.alarmVolume,0,100,Q),alarmRepeat:O(t.alarmRepeat,1,5,X),focusSound:f.some(e=>e.id===t.focusSound)?t.focusSound:Z,focusVolume:O(t.focusVolume,0,100,_)}}(g.pomodoro_settings);w(()=>{n({focus:60*b.focusMinutes,short:60*b.shortBreakMinutes,long:60*b.longBreakMinutes})},[b.focusMinutes,b.shortBreakMinutes,b.longBreakMinutes]),w(()=>{r(b.alarmSound),s(b.alarmVolume,b.alarmRepeat)},[b.alarmSound,b.alarmVolume,b.alarmRepeat]),w(()=>{l({autoStartBreaks:b.autoStartBreaks,autoStartPomodoros:b.autoStartPomodoros,longBreakInterval:b.longBreakInterval})},[b.autoStartBreaks,b.autoStartPomodoros,b.longBreakInterval]),w(()=>{i(b.focusSound,b.focusVolume)},[b.focusSound,b.focusVolume]),w(()=>{if("undefined"!=typeof Notification&&"default"===Notification.permission)try{Notification.requestPermission()}catch{}},[]);const H=c(),z=H.tasks,q=S(()=>/* @__PURE__ */(new Date).toISOString().slice(0,10),[]),ee=function(e,t){return S(()=>t?(e=>{const t=[],o=[];for(const a of e)(a.done?o:t).push(a);return[...t,...o]})(e):e,[e,t])}(S(()=>z.filter(e=>!!e.dueDate&&(e.dueDate===q||e.dueDate<q&&!e.done)),[z,q]),b.checkToBottom),[te,oe]=j(()=>localStorage.getItem(L)),[ae,ne]=j(!1),[re,se]=j(null),le=B(!1);w(()=>{le.current||(le.current=!0,d(z,H.setAllTasks))},[]),w(()=>{try{te?localStorage.setItem(L,te):localStorage.removeItem(L)}catch{}},[te]),w(()=>{if(!re)return;const e=()=>se(null),t=setTimeout(()=>document.addEventListener("click",e),0);return()=>{clearTimeout(t),document.removeEventListener("click",e)}},[re]);const ie=B(t.streak);w(()=>{if(t.streak>ie.current&&te){const e=z.find(e=>e.id===te);if(e){const t=(e.completed??0)+1,o=e.estimated??0,a=b.autoCheckTasks&&o>0&&t>=o;H.updateTask(te,{completed:t,done:e.done||a})}}ie.current=t.streak},[t.streak,te,b.autoCheckTasks,z,H]);const de=ee.reduce((e,t)=>e+(t.completed??0),0),ue=ee.reduce((e,t)=>e+Math.max(t.estimated??0,t.completed??0),0),me=ee.reduce((e,t)=>t.done?e:e+Math.max(0,(t.estimated??0)-(t.completed??0)),0),he=t.running&&"focus"===t.mode?t.remaining:0,pe=me*b.focusMinutes*60+he,ge=new Date(Date.now()+1e3*pe).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!1}),fe=(pe/3600).toFixed(1),ke=te?z.find(e=>e.id===te)??null:null,be=x(Math.floor(t.remaining/60)),xe=x(t.remaining%60),[ve,ye]=j(()=>e(I)),[Ne,Ce]=j(!1),[we,Se]=j(ve),[je,Be]=j(b);v(M(()=>{Se({...ve}),Be({...b}),Ce(!0)},[ve,b]));const Me="focus"!==t.mode,Te=D[t.mode],Pe=Me?(Ae=Te,Ie=ve.activeOpacity/100,`rgba(${parseInt(Ae.slice(1,3),16)}, ${parseInt(Ae.slice(3,5),16)}, ${parseInt(Ae.slice(5,7),16)}, ${Ie})`):`rgb(var(--taskbar-bg-rgb, 243 244 246) / ${ve.activeOpacity/100})`;var Ae,Ie;const Le={primary:Me?"text-white":"text-gray-900",secondary:Me?"text-white/85":"text-gray-700",muted:Me?"text-white/65":"text-gray-500",tabActive:Me?"bg-white/15 text-white":"bg-gray-200 text-gray-900",tabInactive:Me?"text-white/75 hover:bg-white/10":"text-gray-500 hover:bg-gray-200",divider:Me?"border-white/30":"border-gray-200",softDivider:Me?"border-white/20":"border-gray-200",iconBtn:Me?"bg-black/15 hover:bg-black/25 text-white/85":"bg-gray-200 hover:bg-gray-300 text-gray-600",addTaskBtn:Me?"border-white/45 text-white/90 hover:bg-white/[0.06]":"border-gray-300 text-gray-500 hover:bg-gray-200/50"},We=Me?Te:"#0f172a";/* @__PURE__ */
+return T(P,{children:[
+/* @__PURE__ */T("div",{className:`flex flex-col h-full select-none transition-colors duration-300 ${Le.primary}`,style:{backgroundColor:Pe,backdropFilter:ve.activeBlur>0?`blur(${ve.activeBlur}px)`:void 0},children:[
+/* @__PURE__ */A("div",{className:"px-3 pt-3 flex justify-center gap-2",children:["focus","short","long"].map(e=>/* @__PURE__ */A("button",{onClick:()=>u(e),className:`px-3 py-1 text-sm font-bold rounded transition-colors ${t.mode===e?Le.tabActive:Le.tabInactive}`,children:W[e]},e))}),
+/* @__PURE__ */T("div",{className:"text-center font-bold tabular-nums leading-none tracking-tight mt-3",style:{fontSize:"4.5rem"},children:[be,":",xe]}),
+/* @__PURE__ */A("div",{className:"flex justify-center mt-3 mb-2",children:/* @__PURE__ */A("button",{onClick:()=>t.running?m():h(),className:"bg-surface px-12 py-3 rounded-md font-bold text-base shadow-[0_4px_0_rgba(0,0,0,0.12)] hover:shadow-[0_3px_0_rgba(0,0,0,0.12)] active:translate-y-1 active:shadow-none transition-all",style:{color:We,letterSpacing:"0.08em"},children:t.running?"PAUSE":"START"})}),
+/* @__PURE__ */A("div",{className:"px-3 py-3 text-center",children:ke?/* @__PURE__ */T(P,{children:[
+/* @__PURE__ */T("div",{className:`text-xs leading-tight ${Le.muted}`,children:["#",(ke.completed??0)+1]}),
+/* @__PURE__ */A("div",{className:`text-base font-medium leading-tight truncate mt-0.5 ${Le.primary}`,children:ke.name})]}):/* @__PURE__ */A("div",{className:`text-xs italic ${Le.muted}`,children:"No task selected"})}),
+/* @__PURE__ */T("div",{className:"px-3 mt-1 flex items-center justify-between",children:[
+/* @__PURE__ */A("h3",{className:`text-base font-bold tracking-tight ${Le.primary}`,children:"Tasks"}),
+/* @__PURE__ */A("button",{className:`rounded p-1 transition-colors ${Le.iconBtn}`,"aria-label":"Tasks menu",tabIndex:-1,children:/* @__PURE__ */A(N,{name:"more-vertical",look:"solid",className:"h-4 w-4"})})]}),
+/* @__PURE__ */A("div",{className:`border-t mx-3 mt-2 ${Le.divider}`}),
+/* @__PURE__ */T("div",{className:"flex-1 px-3 py-3 space-y-2 overflow-y-auto",children:[ee.map(e=>{const t=e.id===te;/* @__PURE__ */
+return T("div",{onClick:()=>oe(e.id),className:"bg-surface text-ink-strong rounded-md flex items-center pr-2 py-3 shadow-sm cursor-pointer transition-shadow hover:shadow-(--elevation-panel) "+(t?"border-l-4 border-gray-700 pl-2":"pl-3 border-l-4 border-transparent"),children:[
+/* @__PURE__ */A("button",{onClick:t=>{var o;t.stopPropagation(),o=e.id,H.toggleDone(o)},className:"shrink-0",children:e.done?/* @__PURE__ */A("svg",{className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",style:{color:We},children:/* @__PURE__ */A("path",{d:"M10 0a10 10 0 100 20 10 10 0 000-20zm-1 14.5l-4.5-4.5 1.4-1.4 3.1 3.1 6.1-6.1 1.4 1.4z"})}):/* @__PURE__ */A("svg",{className:"h-5 w-5 text-gray-300",fill:"none",stroke:"currentColor",strokeWidth:2,viewBox:"0 0 24 24",children:/* @__PURE__ */A("circle",{cx:"12",cy:"12",r:"10"})})}),
+/* @__PURE__ */A("span",{className:"ml-3 flex-1 font-semibold truncate "+(e.done?"line-through text-gray-400":"text-gray-800"),children:e.name}),
+/* @__PURE__ */T("span",{className:"text-sm tabular-nums mr-2 shrink-0",children:[
+/* @__PURE__ */A("span",{className:"font-bold text-gray-500",children:e.completed??0}),
+/* @__PURE__ */A("span",{className:"text-gray-400",children:" / "}),
+/* @__PURE__ */A("span",{className:"text-gray-400",children:e.estimated??"–"})]}),
+/* @__PURE__ */T("div",{className:"relative",children:[
+/* @__PURE__ */A("button",{onClick:t=>{t.stopPropagation(),se(re===e.id?null:e.id)},className:"rounded p-1 bg-gray-100 hover:bg-gray-200",children:/* @__PURE__ */A(N,{name:"more-vertical",look:"solid",className:"h-4 w-4 text-ink-faint"})}),re===e.id&&/* @__PURE__ */A("div",{className:"absolute right-0 top-full mt-1 bg-white text-gray-800 rounded shadow-lg border border-gray-200 z-10 min-w-[110px] overflow-hidden",onClick:e=>e.stopPropagation(),children:/* @__PURE__ */A("button",{onClick:t=>{var o;t.stopPropagation(),o=e.id,H.removeTask(o),te===o&&oe(null),se(null)},className:"block w-full px-3 h-8 text-sm text-left hover:bg-red-50 text-red-600",children:"Delete"})})]})]},e.id)}),ae?/* @__PURE__ */A(ce,{onSubmit:(e,t)=>{const o=e.trim();if(!o)return;const a=H.addTask({name:o,estimated:t,completed:0,dueDate:q});te||oe(a),ne(!1)},onCancel:()=>ne(!1),accentColor:We}):/* @__PURE__ */T("button",{onClick:()=>ne(!0),className:`w-full border-2 border-dashed rounded-md py-3 font-semibold flex items-center justify-center gap-2 transition-colors ${Le.addTaskBtn}`,children:[
+/* @__PURE__ */A(N,{name:"add-circle",className:"h-5 w-5",strokeWidth:2}),"Add Task"]})]}),
+/* @__PURE__ */T("div",{className:`border-t px-3 py-3 flex items-center justify-center gap-5 text-sm ${Le.softDivider}`,children:[
+/* @__PURE__ */T("span",{className:Le.secondary,children:["Pomos: ",
+/* @__PURE__ */A("span",{className:`font-bold ${Le.primary}`,children:de}),
+/* @__PURE__ */A("span",{className:Le.muted,children:" / "}),
+/* @__PURE__ */A("span",{className:`font-bold ${Le.primary}`,children:ue})]}),pe>0&&/* @__PURE__ */T("span",{className:Le.secondary,children:["Finish At: ",
+/* @__PURE__ */A("span",{className:`font-bold ${Le.primary}`,children:ge}),
+/* @__PURE__ */T("span",{className:Le.muted,children:[" (",fe,"h)"]})]})]})]}),
+/* @__PURE__ */A(Y,{open:Ne,onClose:()=>Ce(!1),onSave:()=>{ye(we),localStorage.setItem(I,JSON.stringify(we)),k({pomodoro_settings:je}),Ce(!1)},configAppearance:we,setConfigAppearance:Se,configPrefs:je,setConfigPrefs:Be})]})}function Y({open:e,onClose:o,onSave:a,configAppearance:n,setConfigAppearance:r,configPrefs:s,setConfigPrefs:l}){const i=(e,t)=>l(o=>({...o,[e]:t}));/* @__PURE__ */
+return T(t,{open:e,onClose:o,title:"Pomodoro Settings",appearance:n,onAppearanceChange:r,onSave:a,children:[
+/* @__PURE__ */T(z,{icon:/* @__PURE__ */A(se,{}),label:"TIMER",children:[
+/* @__PURE__ */T("div",{children:[
+/* @__PURE__ */A("p",{className:"text-sm font-bold text-gray-800 mb-2",children:"Time (minutes)"}),
+/* @__PURE__ */T("div",{className:"grid grid-cols-3 gap-3",children:[
+/* @__PURE__ */A(te,{label:"Pomodoro",value:s.focusMinutes,onChange:e=>i("focusMinutes",e),max:120}),
+/* @__PURE__ */A(te,{label:"Short Break",value:s.shortBreakMinutes,onChange:e=>i("shortBreakMinutes",e),max:120}),
+/* @__PURE__ */A(te,{label:"Long Break",value:s.longBreakMinutes,onChange:e=>i("longBreakMinutes",e),max:120})]})]}),
+/* @__PURE__ */A(q,{label:"Auto Start Breaks",children:/* @__PURE__ */A(ne,{checked:s.autoStartBreaks,onChange:e=>i("autoStartBreaks",e)})}),
+/* @__PURE__ */A(q,{label:"Auto Start Pomodoros",children:/* @__PURE__ */A(ne,{checked:s.autoStartPomodoros,onChange:e=>i("autoStartPomodoros",e)})}),
+/* @__PURE__ */A(q,{label:"Long Break interval",children:/* @__PURE__ */A(oe,{value:s.longBreakInterval,onChange:e=>i("longBreakInterval",e),min:1,max:20,className:"w-14 text-center"})})]}),
+/* @__PURE__ */T(z,{icon:/* @__PURE__ */A(le,{}),label:"TASK",children:[
+/* @__PURE__ */A(q,{label:"Auto Check Tasks",info:'If you enable "Auto Check Tasks", the active task will be automatically checked when the actual pomodoro count reaches the estimated count.',children:/* @__PURE__ */A(ne,{checked:s.autoCheckTasks,onChange:e=>i("autoCheckTasks",e)})}),
+/* @__PURE__ */A(q,{label:"Check to Bottom",info:'If you enable "Check to Bottom", the checked task will be automatically moved to the bottom of the task list.',children:/* @__PURE__ */A(ne,{checked:s.checkToBottom,onChange:e=>i("checkToBottom",e)})})]}),
+/* @__PURE__ */T(z,{icon:/* @__PURE__ */A(ie,{}),label:"SOUND",children:[
+/* @__PURE__ */A(q,{label:"Alarm Sound",children:/* @__PURE__ */T("div",{className:"flex items-center gap-2",children:[
+/* @__PURE__ */A(ae,{value:s.alarmSound,onChange:e=>i("alarmSound",e),options:p.map(e=>({id:e.id,label:e.label}))}),"off"!==s.alarmSound&&/* @__PURE__ */A("button",{type:"button",onClick:()=>g(s.alarmSound,{volume:s.alarmVolume,repeat:1}),className:"px-2 py-1 text-2xs rounded border border-line-strong text-gray-600 hover:bg-gray-100",children:"Play"})]})}),
+/* @__PURE__ */A(ee,{value:s.alarmVolume,onChange:e=>i("alarmVolume",e)}),
+/* @__PURE__ */A(q,{label:"repeat",children:/* @__PURE__ */A(oe,{value:s.alarmRepeat,onChange:e=>i("alarmRepeat",e),min:1,max:5,className:"w-14 text-center"})}),
+/* @__PURE__ */A(q,{label:"Focus Sound",children:/* @__PURE__ */T("div",{className:"flex items-center gap-2",children:[
+/* @__PURE__ */A(ae,{value:s.focusSound,onChange:e=>i("focusSound",e),options:f}),"none"!==s.focusSound&&/* @__PURE__ */A("button",{type:"button",onClick:()=>k(s.focusSound,s.focusVolume),className:"px-2 py-1 text-2xs rounded border border-line-strong text-gray-600 hover:bg-gray-100",children:"Play"})]})}),
+/* @__PURE__ */A(ee,{value:s.focusVolume,onChange:e=>i("focusVolume",e)})]})]})}function z({icon:e,label:t,children:o}){/* @__PURE__ */
+return T("div",{className:"border-t border-gray-200 pt-3 first:border-0 first:pt-0",children:[
+/* @__PURE__ */T("div",{className:"flex items-center gap-2 mb-3 text-ink-faintest",children:[e,
+/* @__PURE__ */A("span",{className:"text-xs font-bold tracking-[0.15em]",children:t})]}),
+/* @__PURE__ */A("div",{className:"space-y-3",children:o})]})}function q({label:e,info:t,children:o}){/* @__PURE__ */
+return T("div",{className:"flex items-center justify-between gap-3",children:[
+/* @__PURE__ */T("div",{className:"flex items-center gap-2 min-w-0",children:[
+/* @__PURE__ */A("span",{className:"text-sm font-semibold text-gray-800",children:e}),t&&/* @__PURE__ */A(re,{title:t})]}),
+/* @__PURE__ */A("div",{className:"shrink-0",children:o})]})}function ee({value:e,onChange:t}){/* @__PURE__ */
+return T("div",{className:"flex items-center justify-end gap-3",children:[
+/* @__PURE__ */A("span",{className:"text-xs text-gray-400 w-7 text-right tabular-nums",children:e}),
+/* @__PURE__ */A("input",{type:"range",min:0,max:100,value:e,onChange:e=>t(parseInt(e.target.value,10)),className:"w-40 accent-blue-500"})]})}function te({label:e,value:t,onChange:o,min:a=1,max:n=99}){/* @__PURE__ */
+return T("label",{className:"flex flex-col",children:[
+/* @__PURE__ */A("span",{className:"text-xs font-semibold text-gray-500 mb-1",children:e}),
+/* @__PURE__ */A(oe,{value:t,onChange:o,min:a,max:n})]})}function oe({value:e,onChange:t,min:o=1,max:a=99,className:n=""}){/* @__PURE__ */
+return A("input",{type:"number",min:o,max:a,value:e,onChange:e=>t(Math.max(o,Math.min(a,parseInt(e.target.value,10)||o))),className:`bg-gray-100 border-0 rounded-md px-2 h-8 text-sm font-medium text-ink-strong focus:outline-none focus:ring-2 focus:ring-blue-500 w-full ${n}`})}function ae({value:e,onChange:t,options:o}){/* @__PURE__ */
+return T("div",{className:"relative",children:[
+/* @__PURE__ */A("select",{value:e,onChange:e=>t(e.target.value),className:"appearance-none bg-gray-100 border-0 rounded-md pl-3 pr-8 h-8 text-sm font-medium text-ink-strong focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer",children:o.map(e=>/* @__PURE__ */A("option",{value:e.id,children:e.label},e.id))}),
+/* @__PURE__ */A(N,{name:"chevron-down",className:`absolute right-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 pointer-events-none ${b}`,strokeWidth:2.5})]})}function ne({checked:e,onChange:t}){/* @__PURE__ */
+return A("button",{type:"button",role:"switch","aria-checked":e,onClick:()=>t(!e),className:"relative inline-flex h-6 w-11 items-center rounded-full transition-colors "+(e?"bg-emerald-500":"bg-gray-300"),children:/* @__PURE__ */A("span",{className:"absolute h-5 w-5 rounded-full bg-white shadow transition-transform "+(e?"translate-x-[22px]":"translate-x-0.5")})})}function re({title:e}){/* @__PURE__ */
+return A("span",{title:e,className:"inline-flex items-center justify-center w-4 h-4 rounded-full bg-gray-300 text-on-accent text-3xs font-bold cursor-help",children:"i"})}function se(){/* @__PURE__ */
+return T("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[
+/* @__PURE__ */A("circle",{cx:"12",cy:"12",r:"9"}),
+/* @__PURE__ */A("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 7v5l3 2"})]})}function le(){/* @__PURE__ */
+return T("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[
+/* @__PURE__ */A("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2"}),
+/* @__PURE__ */A("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12l2 2 4-4"})]})}function ie(){/* @__PURE__ */
+return T("svg",{className:"h-3.5 w-3.5",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[
+/* @__PURE__ */A("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11 5L6 9H2v6h4l5 4V5z"}),
+/* @__PURE__ */A("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.5 8.5a5 5 0 010 7M19 5a9 9 0 010 14"})]})}function ce({onSubmit:e,onCancel:t,accentColor:o}){const[a,n]=j(""),[r,s]=j(1),l=()=>e(a,r);/* @__PURE__ */
+return T("div",{className:"bg-surface text-ink-strong rounded-md p-3 shadow-(--elevation-panel)",children:[
+/* @__PURE__ */A("input",{autoFocus:!0,value:a,onChange:e=>n(e.target.value),placeholder:"What are you working on?",onKeyDown:e=>{"Enter"===e.key&&l(),"Escape"===e.key&&t()},className:"w-full text-base font-medium bg-transparent border-0 outline-none placeholder-gray-400"}),
+/* @__PURE__ */T("div",{className:"flex items-center justify-between mt-2",children:[
+/* @__PURE__ */A("span",{className:"text-xs font-semibold text-gray-500",children:"Est Pomodoros"}),
+/* @__PURE__ */A("input",{type:"number",min:1,max:20,value:r,onChange:e=>s(Math.max(1,Math.min(20,parseInt(e.target.value,10)||1))),className:"w-16 bg-gray-100 rounded px-2 py-1 text-sm text-right border-0 focus:outline-none focus:ring-2 focus:ring-blue-500"})]}),
+/* @__PURE__ */T("div",{className:"flex gap-2 mt-3 justify-end",children:[
+/* @__PURE__ */A("button",{onClick:t,className:"px-3 py-1 text-sm text-gray-500 hover:bg-gray-100 rounded",children:"Cancel"}),
+/* @__PURE__ */A("button",{onClick:l,className:"px-4 py-1 text-sm font-semibold text-white rounded shadow-sm",style:{backgroundColor:o},children:"Save"})]})]})}export{H as default};