openryoko 0.9.4-ryoko.2

package/dist/web/_next/static/chunks/0svvev77pb2gu.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,15857,e=>{"use strict";var a=e.i(98181),t=e.i(25007),r=e.i(90922);let n=(0,r.default)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]);var l=e.i(38524),s=e.i(40765);let o=(0,r.default)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]),i=(0,r.default)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);var c=e.i(58843),d=e.i(36668),p=e.i(11322),x=e.i(13765),v=e.i(65390),h=e.i(93716),u=e.i(52053);let m=[{label:"Red",value:"#EF4444"},{label:"Orange",value:"#F97316"},{label:"Amber",value:"#F59E0B"},{label:"Yellow",value:"#EAB308"},{label:"Lime",value:"#84CC16"},{label:"Green",value:"#22C55E"},{label:"Emerald",value:"#10B981"},{label:"Cyan",value:"#06B6D4"},{label:"Blue",value:"#3B82F6"},{label:"Indigo",value:"#6366F1"},{label:"Violet",value:"#8B5CF6"},{label:"Pink",value:"#EC4899"}];function g({title:e,children:t}){return(0,a.jsxs)("section",{className:"mb-[var(--space-6)]",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] tracking-[var(--tracking-wide)] uppercase text-[var(--text-tertiary)] px-[var(--space-2)] pb-[var(--space-2)]",children:e}),(0,a.jsx)("div",{className:"bg-[var(--material-regular)] rounded-[var(--radius-md)] border border-[var(--separator)] p-[var(--space-4)]",children:t})]})}function b({label:e,children:t}){return(0,a.jsxs)("div",{className:"flex items-center justify-between py-[var(--space-2)] gap-[var(--space-4)]",children:[(0,a.jsx)("label",{className:"text-[length:var(--text-subheadline)] text-[var(--text-secondary)] shrink-0",children:e}),(0,a.jsx)("div",{className:"w-[240px] shrink-0",children:t})]})}function j({value:e,onChange:t,type:r="text",placeholder:n}){return(0,a.jsx)("input",{type:r,value:e,onChange:e=>t(e.target.value),placeholder:n,className:"apple-input w-full bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]"})}function f({value:e,onChange:t,options:r}){return(0,a.jsx)("select",{value:e,onChange:e=>t(e.target.value),className:"w-full bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)] cursor-pointer",children:r.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})}function y({checked:e,onChange:t}){return(0,a.jsx)("button",{role:"switch","aria-checked":e,onClick:()=>t(!e),className:"w-[44px] h-[24px] rounded-[12px] border-none cursor-pointer relative shrink-0 transition-[background] duration-200 ease-[var(--ease-smooth)]",style:{background:e?"var(--system-green)":"var(--fill-primary)"},children:(0,a.jsx)("span",{className:"absolute top-[2px] w-[20px] h-[20px] rounded-full bg-white shadow-[0_1px_3px_rgba(0,0,0,0.2)] transition-[left] duration-200 ease-[var(--ease-spring)]",style:{left:e?22:2}})})}let w={en:"English",bg:"Bulgarian",de:"German",fr:"French",es:"Spanish",it:"Italian",pt:"Portuguese",ru:"Russian",zh:"Chinese",ja:"Japanese",ko:"Korean",ar:"Arabic",hi:"Hindi",tr:"Turkish",pl:"Polish",nl:"Dutch",sv:"Swedish",cs:"Czech",el:"Greek",ro:"Romanian",uk:"Ukrainian",he:"Hebrew",da:"Danish",fi:"Finnish",hu:"Hungarian",no:"Norwegian",sk:"Slovak",hr:"Croatian",ca:"Catalan",th:"Thai",vi:"Vietnamese",id:"Indonesian",ms:"Malay",tl:"Filipino",sr:"Serbian",lt:"Lithuanian",lv:"Latvian",sl:"Slovenian",et:"Estonian"};function C(){let[e,r]=(0,t.useState)(null),[n,l]=(0,t.useState)(!1),[s,o]=(0,t.useState)("");if((0,t.useEffect)(()=>{h.api.sttStatus().then(r).catch(()=>{})},[]),(0,t.useEffect)(()=>{if(!e?.downloading)return;let a=setInterval(()=>{h.api.sttStatus().then(r).catch(()=>{})},1500);return()=>clearInterval(a)},[e?.downloading]),!e)return null;let i=Object.entries(w).filter(([a])=>!e.languages.includes(a)).sort((e,a)=>e[1].localeCompare(a[1]));return(0,a.jsxs)(g,{title:"音声入力",children:[(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-3)] mb-[var(--space-4)]",children:[(0,a.jsx)("div",{className:"w-[8px] h-[8px] rounded-full shrink-0",style:{background:e.available?"var(--system-green)":"var(--system-red)"}}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-subheadline)] font-[var(--weight-medium)] text-[var(--text-primary)]",children:e.available?`Whisper ${(e.model||"small").charAt(0).toUpperCase()+(e.model||"small").slice(1)}`:"No model installed"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:e.available?"Offline speech recognition ready":"Download a model to enable voice input"})]})]}),!e.available&&!e.downloading&&(0,a.jsx)("button",{onClick:function(){h.api.sttDownload().then(()=>r(e=>e?{...e,downloading:!0,progress:0}:e)).catch(()=>{})},className:"w-full p-[var(--space-3)] rounded-[var(--radius-md)] bg-[var(--accent)] text-[var(--accent-contrast)] border-none cursor-pointer text-[length:var(--text-footnote)] font-[var(--weight-semibold)] mb-[var(--space-4)]",children:"Download Whisper Small (~500MB)"}),e.downloading&&(0,a.jsxs)("div",{className:"mb-[var(--space-4)]",children:[(0,a.jsxs)("div",{className:"flex justify-between mb-[var(--space-2)] text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:[(0,a.jsx)("span",{children:"Downloading model…"}),(0,a.jsxs)("span",{children:[e.progress,"%"]})]}),(0,a.jsx)("div",{className:"h-[6px] rounded-[3px] bg-[var(--fill-tertiary)] overflow-hidden",children:(0,a.jsx)("div",{className:"h-full rounded-[3px] bg-[var(--accent)] transition-[width] duration-300 ease-out",style:{width:`${e.progress}%`}})})]}),e.available&&(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-2)] pt-[var(--space-3)]",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Transcription Languages"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:"First language is the default. Add multiple to show a language picker in chat."}),(0,a.jsx)("div",{className:"flex flex-wrap gap-[var(--space-2)] mb-[var(--space-3)]",children:e.languages.map(t=>(0,a.jsxs)("div",{className:"inline-flex items-center gap-[var(--space-1)] px-[8px] py-[3px] rounded-[var(--radius-sm)] bg-[var(--fill-secondary)] text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-primary)]",children:[(0,a.jsx)("span",{className:"font-[family-name:var(--font-mono)] uppercase text-[length:var(--text-caption2)] font-[var(--weight-semibold)] text-[var(--accent)] mr-[2px]",children:t}),w[t]||t,e.languages.length>1&&(0,a.jsx)("button",{onClick:()=>(function(a){if(!e||e.languages.length<=1)return;let t=e.languages.filter(e=>e!==a);l(!0),h.api.sttUpdateConfig(t).then(()=>r(e=>e?{...e,languages:t}:e)).catch(()=>{}).finally(()=>l(!1))})(t),disabled:n,"aria-label":`Remove ${w[t]||t}`,className:"bg-none border-none cursor-pointer p-0 ml-[2px] text-[var(--text-quaternary)] text-[14px] leading-none flex items-center",children:"×"})]},t))}),(0,a.jsxs)("div",{className:"flex gap-[var(--space-2)]",children:[(0,a.jsxs)("select",{value:s,onChange:e=>o(e.target.value),className:"flex-1 bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] cursor-pointer",style:{color:s?"var(--text-primary)":"var(--text-tertiary)"},children:[(0,a.jsx)("option",{value:"",children:"Add a language…"}),i.map(([e,t])=>(0,a.jsxs)("option",{value:e,children:[e.toUpperCase()," — ",t]},e))]}),(0,a.jsx)("button",{onClick:function(){if(!s||!e||e.languages.includes(s))return;let a=[...e.languages,s];l(!0),o(""),h.api.sttUpdateConfig(a).then(()=>r(e=>e?{...e,languages:a}:e)).catch(()=>{}).finally(()=>l(!1))},disabled:!s||n,className:"px-[14px] py-[6px] rounded-[var(--radius-sm)] border-none text-[length:var(--text-footnote)] font-[var(--weight-semibold)] shrink-0",style:{background:s?"var(--accent)":"var(--fill-tertiary)",color:s?"var(--accent-contrast)":"var(--text-quaternary)",cursor:s?"pointer":"default"},children:"Add"})]})]})})]})}e.s(["default",0,function(){(0,p.useBreadcrumbs)([{label:"Settings"}]);let{settings:e,setAccentColor:r,setPortalName:w,setPortalSubtitle:N,setOperatorName:k,setPortalEmoji:S,setLanguage:F,resetAll:D}=(0,d.useSettings)(),{theme:A,setTheme:T}=(0,x.useTheme)(),[I,B]=(0,t.useState)(e.portalName??""),[E,O]=(0,t.useState)(e.portalSubtitle??""),[L,M]=(0,t.useState)(e.operatorName??""),[P,W]=(0,t.useState)(e.portalEmoji??""),[R,G]=(0,t.useState)(e.language??"English"),[z,H]=(0,t.useState)(e.accentColor??""),[U,$]=(0,t.useState)(!1),[q,J]=(0,t.useState)({}),[K,V]=(0,t.useState)(!0),[_,Q]=(0,t.useState)(null),[Y,X]=(0,t.useState)(!1),[Z,ee]=(0,t.useState)(null),[ea,et]=(0,t.useState)(null),[er,en]=(0,t.useState)("unknown"),[el,es]=(0,t.useState)([]);function eo(){V(!0),h.api.getConfig().then(e=>{J(e),Q(null)}).catch(e=>Q(e.message)).finally(()=>V(!1))}function ei(e,a){J(t=>{let r=structuredClone(t),n=r;for(let a=0;a<e.length-1;a++)n[e[a]]&&"object"==typeof n[e[a]]||(n[e[a]]={}),n=n[e[a]];return n[e[e.length-1]]=a,r})}return(0,t.useEffect)(()=>{h.api.getOrg().then(e=>{e?.employees&&es(e.employees.map(e=>"string"==typeof e?{name:e,displayName:e}:{name:e.name,displayName:e.displayName||e.name}))}).catch(()=>{})},[]),(0,t.useEffect)(()=>{B(e.portalName??""),O(e.portalSubtitle??""),M(e.operatorName??""),W(e.portalEmoji??""),G(e.language??"English"),H(e.accentColor??"")},[e.portalName,e.portalSubtitle,e.operatorName,e.portalEmoji,e.language,e.accentColor]),(0,t.useEffect)(()=>{eo()},[]),(0,t.useEffect)(()=>{if(!q.connectors?.whatsapp)return;let e=!1;async function a(){try{let a=await fetch("/api/status"),t=await a.json(),r=t?.connectors?.whatsapp?.status;if(e||en(r??"unknown"),"qr_pending"===r){let a=await fetch("/api/connectors/whatsapp/qr"),t=await a.json();e||et(t.qr)}else e||et(null)}catch{}}a();let t=setInterval(()=>{a()},1e4);return()=>{e=!0,clearInterval(t)}},[q.connectors?.whatsapp]),(0,a.jsx)(c.PageLayout,{children:(0,a.jsx)("div",{className:"h-full overflow-y-auto bg-[var(--bg)]",children:(0,a.jsxs)("div",{className:"max-w-[640px] mx-auto px-[var(--space-4)] py-[var(--space-6)] pb-[var(--space-12)]",children:[(0,a.jsx)("h1",{className:"text-[length:var(--text-title1)] font-[var(--weight-bold)] tracking-[var(--tracking-tight)] text-[var(--text-primary)] mb-[var(--space-6)]",children:"Settings"}),(0,a.jsxs)(g,{title:"外観",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-footnote)] font-[var(--weight-medium)] text-[var(--text-secondary)] mb-[var(--space-2)]",children:"Theme"}),(0,a.jsx)("div",{className:"grid grid-cols-5 gap-[var(--space-2)] mb-[var(--space-4)]",children:v.THEMES.map(e=>{let t=A===e.id;return(0,a.jsxs)("button",{onClick:()=>T(e.id),className:"flex flex-col items-center gap-[var(--space-1)] px-[var(--space-2)] py-[var(--space-3)] rounded-[var(--radius-md)] bg-[var(--fill-quaternary)] cursor-pointer transition-all duration-150 ease-[var(--ease-smooth)]",style:{border:t?"2px solid var(--accent)":"2px solid var(--separator)"},children:[(0,a.jsx)("span",{className:"text-[24px]",children:e.emoji}),(0,a.jsx)("span",{className:"text-[length:var(--text-caption2)]",style:{fontWeight:t?"var(--weight-semibold)":"var(--weight-medium)",color:t?"var(--accent)":"var(--text-secondary)"},children:e.label})]},e.id)})}),(0,a.jsx)("div",{className:"text-[length:var(--text-footnote)] font-[var(--weight-medium)] text-[var(--text-secondary)] mb-[var(--space-2)]",children:"Accent Color"}),(0,a.jsx)("div",{className:"flex flex-wrap gap-[var(--space-2)] mb-[var(--space-3)]",children:m.map(t=>{let n=e.accentColor===t.value;return(0,a.jsx)("button",{onClick:()=>r(t.value),"aria-label":t.label,title:t.label,className:"w-[32px] h-[32px] rounded-full cursor-pointer transition-all duration-100 ease-[var(--ease-smooth)] flex items-center justify-center",style:{background:t.value,border:n?"2px solid var(--text-primary)":"2px solid transparent",outline:n?`2px solid ${t.value}`:"none",outlineOffset:2},children:n&&(0,a.jsx)(s.Check,{size:14,color:"#fff",strokeWidth:3})},t.value)})}),(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-3)]",children:[(0,a.jsxs)("label",{className:"flex items-center gap-[var(--space-2)] text-[length:var(--text-footnote)] text-[var(--text-secondary)] cursor-pointer",children:["Custom:",(0,a.jsx)("input",{type:"color",value:e.accentColor??"#3B82F6",onChange:e=>r(e.target.value),className:"w-[28px] h-[28px] border-none rounded-full cursor-pointer bg-transparent p-0"})]}),(0,a.jsx)("input",{type:"text",placeholder:"#3B82F6",value:z,onChange:e=>{H(e.target.value),/^#[0-9a-fA-F]{6}$/.test(e.target.value)&&r(e.target.value)},className:"apple-input w-[90px] px-[8px] py-[4px] text-[length:var(--text-caption1)] bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] text-[var(--text-primary)] font-mono"}),e.accentColor&&(0,a.jsxs)("button",{onClick:()=>r(null),className:"text-[length:var(--text-footnote)] text-[var(--system-blue)] bg-none border-none cursor-pointer p-0 inline-flex items-center gap-[4px]",children:[(0,a.jsx)(n,{size:12}),"Reset"]})]})]}),(0,a.jsx)(g,{title:"COO絵文字",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:"Choose an emoji for the COO shown in the sidebar."}),(0,a.jsxs)("div",{className:"relative flex items-center gap-[var(--space-4)]",children:[(0,a.jsx)("button",{onClick:()=>$(!U),className:"text-4xl cursor-pointer bg-transparent border-none p-0",children:e.portalEmoji??"🧞"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-[length:var(--text-body)] font-[var(--weight-semibold)] text-[var(--text-primary)]",children:e.operatorName||"Jimbo"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Click emoji to change"})]}),U&&(0,a.jsx)(u.EmojiPicker,{current:e.portalEmoji??"🧞",onSelect:e=>{S(e),$(!1)},onClose:()=>$(!1)})]})]})}),(0,a.jsx)(g,{title:"ブランディング",children:(0,a.jsxs)("div",{className:"flex flex-col gap-[var(--space-3)]",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mb-[var(--space-1)]",children:"Portal Name"}),(0,a.jsx)("input",{type:"text",className:"apple-input w-full bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]",placeholder:"Jinn",value:I,onChange:e=>B(e.target.value),onBlur:()=>{w(I||null),h.api.completeOnboarding({portalName:I||void 0}).catch(()=>{})}})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mb-[var(--space-1)]",children:"Portal Subtitle"}),(0,a.jsx)("input",{type:"text",className:"apple-input w-full bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]",placeholder:"Command Centre",value:E,onChange:e=>O(e.target.value),onBlur:()=>N(E||null)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mb-[var(--space-1)]",children:"Operator Name"}),(0,a.jsx)("input",{type:"text",className:"apple-input w-full bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]",placeholder:"Your Name",value:L,onChange:e=>M(e.target.value),onBlur:()=>{k(L||null),h.api.completeOnboarding({operatorName:L||void 0}).catch(()=>{})}})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mb-[var(--space-1)]",children:"Portal Emoji"}),(0,a.jsx)("input",{type:"text",className:"apple-input w-[80px] text-center text-[length:var(--text-title2)] px-[8px] py-[6px] bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)]",placeholder:"\\ud83e\\uddde",value:P,onChange:e=>W(e.target.value),onBlur:()=>S(P||null)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{className:"block text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mb-[var(--space-1)]",children:"Language"}),(0,a.jsxs)("select",{value:R,onChange:e=>G(e.target.value),onBlur:()=>{F(R||"English"),h.api.completeOnboarding({language:R||void 0}).catch(()=>{})},className:"w-full bg-[var(--bg-secondary)] border border-[var(--separator)] rounded-[var(--radius-sm)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)] cursor-pointer",children:[(0,a.jsx)("option",{value:"English",children:"English"}),(0,a.jsx)("option",{value:"Spanish",children:"Spanish"}),(0,a.jsx)("option",{value:"French",children:"French"}),(0,a.jsx)("option",{value:"German",children:"German"}),(0,a.jsx)("option",{value:"Portuguese",children:"Portuguese"}),(0,a.jsx)("option",{value:"Italian",children:"Italian"}),(0,a.jsx)("option",{value:"Dutch",children:"Dutch"}),(0,a.jsx)("option",{value:"Russian",children:"Russian"}),(0,a.jsx)("option",{value:"Chinese",children:"Chinese"}),(0,a.jsx)("option",{value:"Japanese",children:"Japanese"}),(0,a.jsx)("option",{value:"Korean",children:"Korean"}),(0,a.jsx)("option",{value:"Arabic",children:"Arabic"}),(0,a.jsx)("option",{value:"Hindi",children:"Hindi"}),(0,a.jsx)("option",{value:"Bulgarian",children:"Bulgarian"})]})]})]})}),Z&&(0,a.jsx)("div",{className:"mb-[var(--space-4)] px-[var(--space-4)] py-[var(--space-3)] rounded-[var(--radius-md)] text-[length:var(--text-footnote)]",style:{background:"success"===Z.type?"rgba(34,197,94,0.1)":"rgba(239,68,68,0.1)",border:`1px solid ${"success"===Z.type?"rgba(34,197,94,0.3)":"rgba(239,68,68,0.3)"}`,color:"success"===Z.type?"var(--system-green)":"var(--system-red)"},children:Z.message}),K?(0,a.jsxs)("div",{className:"text-center p-[var(--space-8)] text-[var(--text-tertiary)] text-[length:var(--text-footnote)]",children:[(0,a.jsx)(i,{size:20,className:"mx-auto mb-[var(--space-2)] animate-spin"}),"Loading gateway config..."]}):_?(0,a.jsxs)("div",{className:"mb-[var(--space-6)] px-[var(--space-4)] py-[var(--space-3)] rounded-[var(--radius-md)] text-[length:var(--text-footnote)] text-[var(--system-red)]",style:{background:"rgba(239,68,68,0.1)",border:"1px solid rgba(239,68,68,0.3)"},children:["Failed to load config: ",_]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(g,{title:"ゲートウェイ設定",children:[(0,a.jsx)(b,{label:"Port",children:(0,a.jsx)(j,{type:"number",value:String(q.gateway?.port??""),onChange:e=>ei(["gateway","port"],Number(e)||0),placeholder:"7777"})}),(0,a.jsx)(b,{label:"Host",children:(0,a.jsx)(j,{value:q.gateway?.host??"",onChange:e=>ei(["gateway","host"],e),placeholder:"127.0.0.1"})}),(0,a.jsx)(b,{label:"Default Engine",children:(0,a.jsx)(f,{value:q.engines?.default??"claude",onChange:e=>ei(["engines","default"],e),options:[{value:"claude",label:"Claude"},{value:"codex",label:"Codex"}]})})]}),(0,a.jsxs)(g,{title:"エンジン設定",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Claude"}),(0,a.jsx)(b,{label:"Binary Path",children:(0,a.jsx)(j,{value:q.engines?.claude?.bin??"",onChange:e=>ei(["engines","claude","bin"],e),placeholder:"claude"})}),(0,a.jsx)(b,{label:"Model",children:(0,a.jsx)(f,{value:q.engines?.claude?.model??"opus",onChange:e=>ei(["engines","claude","model"],e),options:[{value:"opus",label:"Opus (claude-opus-4-6)"},{value:"sonnet",label:"Sonnet (claude-sonnet-4-6)"},{value:"haiku",label:"Haiku (claude-haiku-4-5)"}]})}),(0,a.jsx)(b,{label:"Effort Level",children:(0,a.jsx)(f,{value:q.engines?.claude?.effortLevel??"default",onChange:e=>ei(["engines","claude","effortLevel"],e),options:[{value:"default",label:"Default"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}]})}),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Codex"}),(0,a.jsx)(b,{label:"Binary Path",children:(0,a.jsx)(j,{value:q.engines?.codex?.bin??"",onChange:e=>ei(["engines","codex","bin"],e),placeholder:"codex"})}),(0,a.jsx)(b,{label:"Model",children:(0,a.jsx)(f,{value:q.engines?.codex?.model??"gpt-5.4",onChange:e=>ei(["engines","codex","model"],e),options:[{value:"gpt-5.4",label:"GPT-5.4"},{value:"gpt-5.3-codex",label:"GPT-5.3 Codex"},{value:"gpt-5.2-codex",label:"GPT-5.2 Codex"},{value:"gpt-5.2",label:"GPT-5.2"},{value:"gpt-5.1-codex-max",label:"GPT-5.1 Codex Max"},{value:"gpt-5.1-codex-mini",label:"GPT-5.1 Codex Mini"}]})}),(0,a.jsx)(b,{label:"Effort Level",children:(0,a.jsx)(f,{value:q.engines?.codex?.effortLevel??"default",onChange:e=>ei(["engines","codex","effortLevel"],e),options:[{value:"default",label:"Default"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"},{value:"xhigh",label:"Extra High"}]})})]}),(0,a.jsxs)(g,{title:"セッション",children:[(0,a.jsx)(b,{label:"Interrupt on New Message",children:(0,a.jsx)(y,{checked:q.sessions?.interruptOnNewMessage??!0,onChange:e=>ei(["sessions","interruptOnNewMessage"],e)})}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--label-secondary)] mt-[4px]",children:"When enabled, sending a new message to a running session will stop the current agent and start processing your new message immediately. When disabled, messages are queued."}),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsx)(b,{label:"When Claude Hits Usage Limit",children:(0,a.jsx)(f,{value:q.sessions?.rateLimitStrategy??"fallback",onChange:e=>ei(["sessions","rateLimitStrategy"],e),options:[{value:"wait",label:"Wait & Auto-Resume"},{value:"fallback",label:"Switch to GPT (Codex)"}]})}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--label-secondary)] mt-[4px]",children:'"Wait" pauses the session and continues automatically when Claude resets. "Switch" answers immediately using GPT, then returns to Claude once the reset window passes.'})]}),(0,a.jsxs)(g,{title:"コネクタ",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Slack"}),(0,a.jsx)(b,{label:"App Token",children:(0,a.jsx)(j,{type:"password",value:q.connectors?.slack?.appToken??"",onChange:e=>ei(["connectors","slack","appToken"],e),placeholder:"xapp-..."})}),(0,a.jsx)(b,{label:"Bot Token",children:(0,a.jsx)(j,{type:"password",value:q.connectors?.slack?.botToken??"",onChange:e=>ei(["connectors","slack","botToken"],e),placeholder:"xoxb-..."})}),(0,a.jsx)(b,{label:"チャンネルでセッションを共有",children:(0,a.jsx)(y,{checked:q.connectors?.slack?.shareSessionInChannel??!1,onChange:e=>ei(["connectors","slack","shareSessionInChannel"],e)})}),(0,a.jsx)(b,{label:"許可ユーザー",children:(0,a.jsx)(j,{value:Array.isArray(q.connectors?.slack?.allowFrom)?q.connectors?.slack?.allowFrom?.join(", "):q.connectors?.slack?.allowFrom??"",onChange:e=>ei(["connectors","slack","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"U123, U456"})}),(0,a.jsx)(b,{label:"起動時に古いメッセージを無視",children:(0,a.jsx)(y,{checked:q.connectors?.slack?.ignoreOldMessagesOnBoot??!0,onChange:e=>ei(["connectors","slack","ignoreOldMessagesOnBoot"],e)})}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mt-[var(--space-3)] mb-[var(--space-2)]",children:"空気読みトリアージ"}),(0,a.jsx)(b,{label:"有効化",children:(0,a.jsx)(y,{checked:q.connectors?.slack?.triage?.enabled??!1,onChange:e=>ei(["connectors","slack","triage","enabled"],e)})}),(0,a.jsx)(b,{label:"Model",children:(0,a.jsx)(j,{value:q.connectors?.slack?.triage?.model??"",onChange:e=>ei(["connectors","slack","triage","model"],e.trim()||void 0),placeholder:"claude-haiku-4-5"})}),(0,a.jsx)(b,{label:"タイムアウト (ms)",children:(0,a.jsx)(j,{type:"number",value:q.connectors?.slack?.triage?.timeoutMs!==void 0?String(q.connectors.slack.triage.timeoutMs):"",onChange:e=>ei(["connectors","slack","triage","timeoutMs"],e.trim()?Number(e):void 0),placeholder:"20000"})}),(0,a.jsx)(b,{label:"スレッド文脈の取得件数",children:(0,a.jsx)(j,{type:"number",value:q.connectors?.slack?.triage?.threadContextLimit!==void 0?String(q.connectors.slack.triage.threadContextLimit):"",onChange:e=>ei(["connectors","slack","triage","threadContextLimit"],e.trim()?Number(e):void 0),placeholder:"10"})}),(0,a.jsx)(b,{label:"ペルソナ（任意）",children:(0,a.jsx)(j,{value:q.connectors?.slack?.triage?.persona??"",onChange:e=>ei(["connectors","slack","triage","persona"],e.trim()||void 0),placeholder:"Short description of what this bot is good at"})}),(0,a.jsx)(b,{label:"バイナリパス上書き（任意）",children:(0,a.jsx)(j,{value:q.connectors?.slack?.triage?.bin??"",onChange:e=>ei(["connectors","slack","triage","bin"],e.trim()||void 0),placeholder:"claude"})}),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Discord"}),(0,a.jsx)(b,{label:"Bot Token",children:(0,a.jsx)(j,{type:"password",value:q.connectors?.discord?.botToken??"",onChange:e=>ei(["connectors","discord","botToken"],e),placeholder:"Bot token..."})}),(0,a.jsx)(b,{label:"Allow From",children:(0,a.jsx)(j,{value:Array.isArray(q.connectors?.discord?.allowFrom)?q.connectors?.discord?.allowFrom?.join(", "):q.connectors?.discord?.allowFrom??"",onChange:e=>ei(["connectors","discord","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"User IDs, comma-separated (optional)"})}),(0,a.jsx)(b,{label:"Guild ID",children:(0,a.jsx)(j,{value:q.connectors?.discord?.guildId??"",onChange:e=>ei(["connectors","discord","guildId"],e.trim()||void 0),placeholder:"Server/Guild ID (optional)"})}),(0,a.jsx)(b,{label:"Channel ID",children:(0,a.jsx)(j,{value:q.connectors?.discord?.channelId??"",onChange:e=>ei(["connectors","discord","channelId"],e.trim()||void 0),placeholder:"Restrict to this channel (right-click → Copy Channel ID)"})}),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Telegram"}),(0,a.jsx)(b,{label:"Bot Token",children:(0,a.jsx)(j,{type:"password",value:q.connectors?.telegram?.botToken??"",onChange:e=>ei(["connectors","telegram","botToken"],e),placeholder:"123456:ABC-DEF..."})}),(0,a.jsx)(b,{label:"Allow From (User IDs)",children:(0,a.jsx)(j,{value:Array.isArray(q.connectors?.telegram?.allowFrom)?q.connectors?.telegram?.allowFrom?.join(", "):"",onChange:e=>ei(["connectors","telegram","allowFrom"],e.trim()?e.split(",").map(e=>Number(e.trim())).filter(e=>!isNaN(e)):void 0),placeholder:"Telegram user IDs, comma-separated (optional)"})}),(0,a.jsx)(b,{label:"起動時に古いメッセージを無視",children:(0,a.jsx)(y,{checked:q.connectors?.telegram?.ignoreOldMessagesOnBoot??!0,onChange:e=>ei(["connectors","telegram","ignoreOldMessagesOnBoot"],e)})}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mt-[var(--space-4)] mb-[var(--space-2)]",children:"WhatsApp"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:"On first start, scan the QR code below with your WhatsApp app to connect. Credentials are cached for subsequent runs."}),(0,a.jsx)(b,{label:"Auth Directory",children:(0,a.jsx)(j,{value:q.connectors?.whatsapp?.authDir??"",onChange:e=>ei(["connectors","whatsapp","authDir"],e.trim()||void 0),placeholder:"Default: ~/.jinn/.whatsapp-auth"})}),(0,a.jsx)(b,{label:"Allow From",children:(0,a.jsx)(j,{value:Array.isArray(q.connectors?.whatsapp?.allowFrom)?q.connectors?.whatsapp?.allowFrom?.join(", "):"",onChange:e=>ei(["connectors","whatsapp","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"447700900000@s.whatsapp.net, ... (optional)"})}),ea&&(0,a.jsxs)("div",{className:"mt-[var(--space-3)] flex flex-col items-center gap-[var(--space-2)]",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-secondary)]",children:"Scan with WhatsApp to connect"}),(0,a.jsx)("img",{src:ea,alt:"WhatsApp QR Code",className:"w-[200px] h-[200px] rounded-[var(--radius-md)] border border-[var(--separator)] bg-white p-[8px]"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:"Open WhatsApp → Linked Devices → Link a Device"})]}),q.connectors?.whatsapp&&"ok"===er&&(0,a.jsx)("div",{className:"mt-[var(--space-2)] text-[length:var(--text-caption1)] text-[var(--system-green)] font-semibold",children:"✓ Connected"}),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsxs)("div",{className:"flex items-center justify-between mb-[var(--space-2)]",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)]",children:"Connector Instances"}),(0,a.jsxs)("div",{className:"flex items-center gap-[var(--space-2)]",children:[(0,a.jsxs)("button",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-secondary)] hover:text-[var(--accent)] transition-colors flex items-center gap-1",onClick:async()=>{try{let e=await h.api.reloadConnectors(),a=[];e.stopped.length&&a.push(`Stopped: ${e.stopped.join(", ")}`),e.started.length&&a.push(`Started: ${e.started.join(", ")}`),e.errors.length&&a.push(`Errors: ${e.errors.join(", ")}`),alert(a.length?a.join("\n"):"No connector instances to reload")}catch{alert("Failed to reload connectors")}},children:[(0,a.jsx)(n,{size:12}),"Reload"]}),(0,a.jsx)("button",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--accent)] hover:opacity-80 transition-opacity",onClick:()=>{let e=[...q.connectors?.instances||[]],a=`discord-${e.length+1}`;e.push({id:a,type:"discord"}),ei(["connectors","instances"],e)},children:"+ Add Instance"})]})]}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:"Add multiple connector instances of the same type, each bound to a specific employee."}),(q.connectors?.instances||[]).map((e,t)=>(0,a.jsxs)("div",{className:"mb-[var(--space-4)] p-[var(--space-3)] rounded-[var(--radius-md)] border border-[var(--separator)] bg-[var(--bg-secondary)]",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-[var(--space-2)]",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-subheadline)] font-[var(--weight-semibold)] text-[var(--text-primary)]",children:e.id||`Instance ${t+1}`}),(0,a.jsx)("button",{className:"text-[var(--system-red)] hover:opacity-80 transition-opacity p-[var(--space-1)]",onClick:()=>{let e=[...q.connectors?.instances||[]];e.splice(t,1),ei(["connectors","instances"],e.length>0?e:void 0)},children:(0,a.jsx)(l.Trash2,{size:14})})]}),(0,a.jsx)(b,{label:"Instance ID",children:(0,a.jsx)(j,{value:e.id??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],id:e},ei(["connectors","instances"],a)},placeholder:"e.g. discord-vox"})}),(0,a.jsx)(b,{label:"Type",children:(0,a.jsx)(f,{value:e.type??"discord",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],type:e},ei(["connectors","instances"],a)},options:[{value:"discord",label:"Discord"},{value:"slack",label:"Slack"},{value:"whatsapp",label:"WhatsApp"}]})}),(0,a.jsx)(b,{label:"Employee",children:(0,a.jsx)(f,{value:e.employee??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],employee:e||void 0},ei(["connectors","instances"],a)},options:[{value:"",label:"Default (COO)"},...el.map(e=>({value:e.name,label:e.displayName}))]})}),("discord"===e.type||!e.type)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(b,{label:"Bot Token",children:(0,a.jsx)(j,{type:"password",value:e.botToken??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],botToken:e},ei(["connectors","instances"],a)},placeholder:"Bot token..."})}),(0,a.jsx)(b,{label:"Guild ID",children:(0,a.jsx)(j,{value:e.guildId??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],guildId:e.trim()||void 0},ei(["connectors","instances"],a)},placeholder:"Server/Guild ID"})}),(0,a.jsx)(b,{label:"Channel ID",children:(0,a.jsx)(j,{value:e.channelId??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],channelId:e.trim()||void 0},ei(["connectors","instances"],a)},placeholder:"Restrict to channel (optional)"})}),(0,a.jsx)(b,{label:"Allow From",children:(0,a.jsx)(j,{value:Array.isArray(e.allowFrom)?e.allowFrom.join(", "):e.allowFrom??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],allowFrom:e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0},ei(["connectors","instances"],a)},placeholder:"User IDs, comma-separated (optional)"})})]}),"slack"===e.type&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(b,{label:"App Token",children:(0,a.jsx)(j,{type:"password",value:e.appToken??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],appToken:e},ei(["connectors","instances"],a)},placeholder:"xapp-..."})}),(0,a.jsx)(b,{label:"Bot Token",children:(0,a.jsx)(j,{type:"password",value:e.botToken??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],botToken:e},ei(["connectors","instances"],a)},placeholder:"xoxb-..."})})]}),"whatsapp"===e.type&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(b,{label:"Auth Directory",children:(0,a.jsx)(j,{value:e.authDir??"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],authDir:e.trim()||void 0},ei(["connectors","instances"],a)},placeholder:"Default: ~/.jinn/.whatsapp-auth"})}),(0,a.jsx)(b,{label:"Allow From",children:(0,a.jsx)(j,{value:Array.isArray(e.allowFrom)?e.allowFrom.join(", "):"",onChange:e=>{let a=[...q.connectors?.instances||[]];a[t]={...a[t],allowFrom:e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0},ei(["connectors","instances"],a)},placeholder:"Phone JIDs, comma-separated"})})]})]},e.id||t)),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Web UI"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:"Web conversations use queued one-shot resume flow for both engines."})]}),(0,a.jsxs)(g,{title:"Cron",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--text-tertiary)] mb-[var(--space-2)]",children:"Default Delivery"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:"When a cron job has no delivery configured, results will be sent here."}),(0,a.jsx)(b,{label:"Connector",children:(0,a.jsx)(f,{value:q.cron?.defaultDelivery?.connector??"",onChange:e=>ei(["cron","defaultDelivery","connector"],e||void 0),options:[{value:"",label:"None (fire & forget)"},{value:"web",label:"Web"},{value:"slack",label:"Slack"}]})}),q.cron?.defaultDelivery?.connector&&(0,a.jsx)(b,{label:"Channel",children:(0,a.jsx)(j,{value:q.cron?.defaultDelivery?.channel??"",onChange:e=>ei(["cron","defaultDelivery","channel"],e),placeholder:"#general"})})]}),(0,a.jsxs)(g,{title:"Logging",children:[(0,a.jsx)(b,{label:"Level",children:(0,a.jsx)(f,{value:q.logging?.level??"info",onChange:e=>ei(["logging","level"],e),options:[{value:"debug",label:"Debug"},{value:"info",label:"Info"},{value:"warn",label:"Warn"},{value:"error",label:"Error"}]})}),(0,a.jsx)(b,{label:"Stdout",children:(0,a.jsx)(y,{checked:q.logging?.stdout??!0,onChange:e=>ei(["logging","stdout"],e)})}),(0,a.jsx)(b,{label:"File Logging",children:(0,a.jsx)(y,{checked:q.logging?.file??!1,onChange:e=>ei(["logging","file"],e)})})]}),(0,a.jsx)(C,{}),(0,a.jsxs)("div",{className:"flex justify-end gap-[var(--space-3)] mb-[var(--space-6)]",children:[(0,a.jsxs)("button",{onClick:()=>eo(),className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] text-[var(--text-secondary)] border-none cursor-pointer text-[length:var(--text-footnote)] font-[var(--weight-medium)] inline-flex items-center gap-[6px]",children:[(0,a.jsx)(n,{size:14}),"Reload"]}),(0,a.jsxs)("button",{onClick:function(){X(!0),ee(null),h.api.updateConfig(q).then(()=>ee({type:"success",message:"Settings saved successfully"})).catch(e=>ee({type:"error",message:`Failed to save: ${e.message}`})).finally(()=>X(!1))},disabled:Y,className:"px-[var(--space-5)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--accent)] text-[var(--accent-contrast)] border-none text-[length:var(--text-footnote)] font-[var(--weight-semibold)] inline-flex items-center gap-[6px] transition-all duration-150 ease-[var(--ease-smooth)]",style:{cursor:Y?"wait":"pointer",opacity:Y?.7:1},children:[(0,a.jsx)(o,{size:14}),Y?"Saving...":"Save Config"]})]})]}),(0,a.jsx)(g,{title:"Reset",children:(0,a.jsxs)("div",{className:"flex items-center justify-center gap-[var(--space-3)] flex-wrap",children:[(0,a.jsxs)("button",{onClick:()=>{localStorage.removeItem("jinn-onboarded"),window.location.reload()},className:"px-[var(--space-5)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--accent)] text-[var(--accent-contrast)] border-none cursor-pointer text-[length:var(--text-footnote)] font-[var(--weight-semibold)] transition-all duration-150 ease-[var(--ease-spring)] inline-flex items-center gap-[var(--space-2)]",children:[(0,a.jsx)(n,{size:14}),"Re-run Onboarding Wizard"]}),(0,a.jsxs)("button",{onClick:()=>{window.confirm("Reset all settings to defaults?")&&(localStorage.removeItem("jinn-settings"),localStorage.removeItem("jinn-theme"),D(),window.location.reload())},className:"px-[var(--space-5)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--system-red)] text-white border-none cursor-pointer text-[length:var(--text-footnote)] font-[var(--weight-semibold)] transition-all duration-150 ease-[var(--ease-spring)] inline-flex items-center gap-[var(--space-2)]",children:[(0,a.jsx)(l.Trash2,{size:14}),"Reset All Settings"]})]})})]})})})}],15857)}]);

package/dist/web/_next/static/chunks/0tf9kpygstdls.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,51090,e=>{"use strict";var t=e.i(98181),a=e.i(25007),r=e.i(9156),s=e.i(93716);function n(e,t,a){let r=e[t];return r?{...e,[t]:{...r,...a,updatedAt:Date.now()}}:e}var i=e.i(58843),l=e.i(53104);let o=[{id:"backlog",title:"Backlog"},{id:"todo",title:"To Do"},{id:"in-progress",title:"In Progress"},{id:"review",title:"Review"},{id:"done",title:"Done"}],d={low:"var(--system-green)",medium:"var(--system-orange)",high:"var(--system-red)"};function c({column:e,tickets:s,onDrop:n,onCreateTicket:i,renderTicket:l}){let[o,d]=(0,a.useState)(!1);return(0,t.jsxs)("div",{onDragOver:function(e){e.preventDefault(),e.dataTransfer.dropEffect="move",d(!0)},onDragLeave:function(e){e.currentTarget.contains(e.relatedTarget)||d(!1)},onDrop:function(t){t.preventDefault(),d(!1);let a=t.dataTransfer.getData("text/plain");a&&n(a,e.id)},className:"flex flex-col min-w-[280px] max-w-[320px] flex-[1_0_280px] h-full rounded-[var(--radius-lg)] transition-[background,border-color] duration-200 ease-[var(--ease-smooth)]",style:{background:o?"var(--fill-secondary)":"var(--fill-tertiary)",border:o?"2px dashed var(--accent)":"2px dashed transparent"},children:[(0,t.jsxs)("div",{className:"flex items-center justify-between p-[var(--space-3)_var(--space-4)] shrink-0",children:[(0,t.jsxs)("div",{className:"flex items-center gap-[var(--space-2)]",children:[(0,t.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] tracking-[-0.01em]",children:e.title}),(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[var(--weight-medium)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] py-px px-1.5 min-w-[20px] text-center",children:s.length})]}),"backlog"===e.id&&i&&(0,t.jsx)("button",{onClick:i,"aria-label":"Create new ticket",className:"flex items-center justify-center w-6 h-6 rounded-[var(--radius-sm)] border-none bg-transparent text-[var(--text-secondary)] cursor-pointer p-0 transition-colors duration-150 ease-[var(--ease-smooth)]",children:(0,t.jsx)(r.Plus,{size:16})})]}),(0,t.jsxs)("div",{className:"flex-1 overflow-y-auto px-[var(--space-2)] pb-[var(--space-2)] flex flex-col gap-[var(--space-2)]",children:[s.map(e=>(0,t.jsx)("div",{children:l(e)},e.id)),0===s.length&&(0,t.jsx)("div",{className:"py-[var(--space-8)] px-[var(--space-4)] text-center text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"No tickets"})]})]})}var p=e.i(38524);let x={low:"Low",medium:"Med",high:"High"};function v({ticket:e,assigneeName:r,onClick:s,onDelete:n}){let[i,l]=(0,a.useState)(!1),[o,c]=(0,a.useState)(!1);return(0,t.jsxs)("div",{draggable:!0,onDragStart:function(t){t.dataTransfer.setData("text/plain",e.id),t.dataTransfer.effectAllowed="move",l(!0)},onDragEnd:function(){l(!1)},onClick:s,onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1),role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),s())},className:"relative bg-[var(--material-regular)] rounded-[var(--radius-md)] p-[var(--space-3)] border border-[var(--separator)] flex flex-col gap-[var(--space-2)] select-none transition-opacity duration-150 ease-[var(--ease-smooth)]",style:{cursor:i?"grabbing":"grab",opacity:i?.6:1,borderLeft:`3px solid ${d[e.priority]}`},children:[o&&n&&(0,t.jsx)("button",{onClick:e=>{e.stopPropagation(),n()},"aria-label":"Delete ticket",title:"Delete ticket",className:"absolute top-1.5 right-1.5 w-6 h-6 rounded-[var(--radius-sm)] flex items-center justify-center text-[var(--system-red)] border-none cursor-pointer p-0 z-[1]",style:{background:"color-mix(in srgb, var(--system-red) 12%, transparent)"},children:(0,t.jsx)(p.Trash2,{size:13})}),(0,t.jsxs)("div",{className:"flex items-start gap-[var(--space-2)]",children:[(0,t.jsxs)("span",{className:"inline-flex items-center gap-[3px] text-[length:var(--text-caption2)] font-semibold shrink-0 mt-0.5",style:{color:d[e.priority]},children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:d[e.priority]}}),x[e.priority]]}),(0,t.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] leading-[1.3] line-clamp-2 overflow-hidden break-words",children:e.title})]}),e.description&&(0,t.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] leading-[1.4] line-clamp-2 overflow-hidden break-words",children:e.description}),(0,t.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] flex-wrap",children:[r&&(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] font-[var(--weight-medium)] text-[var(--text-secondary)] bg-[var(--fill-tertiary)] rounded-[var(--radius-sm)] py-px px-[var(--space-2)] leading-[1.5]",children:r}),(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-quaternary)] ml-auto",title:new Date(e.createdAt).toLocaleString(),children:function(e){let t=Math.floor((Date.now()-e)/6e4);if(t<1)return"just now";if(t<60)return`${t}m ago`;let a=Math.floor(t/60);if(a<24)return`${a}h ago`;let r=Math.floor(a/24);return r<30?`${r}d ago`:`${Math.floor(r/30)}mo ago`}(e.createdAt)})]})]})}function u({tickets:e,employees:a,onTicketClick:r,onMoveTicket:s,onCreateTicket:n,onDeleteTicket:i,filterEmployeeId:l}){return(0,t.jsx)("div",{style:{display:"flex",gap:"var(--space-3)",height:"100%",overflowX:"auto",overflowY:"hidden",padding:"var(--space-2) 0",WebkitOverflowScrolling:"touch"},children:o.map(o=>{var d;let p=(d=o.id,Object.values(e).filter(e=>e.status===d).sort((e,t)=>t.updatedAt-e.updatedAt)),x=l?p.filter(e=>e.assigneeId===l):p;return(0,t.jsx)(c,{column:o,tickets:x,onDrop:s,onCreateTicket:"backlog"===o.id?n:void 0,renderTicket:e=>{let s=a.find(t=>t.name===e.assigneeId);return(0,t.jsx)(v,{ticket:e,assigneeName:s?.displayName??null,onClick:()=>r(e),onDelete:i?()=>i(e):void 0})}},o.id)})})}let m={executive:"Exec",manager:"Mgr",senior:"Sr",employee:""};function h({employees:e,value:r,onChange:s}){let[n,i]=(0,a.useState)(!1),[l,o]=(0,a.useState)(""),[d,c]=(0,a.useState)(0),p=(0,a.useRef)(null),x=(0,a.useRef)(null),v=(0,a.useRef)(null),u=e.find(e=>e.name===r)??null,g=l.trim()?e.filter(e=>{let t=l.toLowerCase();return e.name.toLowerCase().includes(t)||e.displayName.toLowerCase().includes(t)||e.department.toLowerCase().includes(t)}):e,f=!l.trim()||"unassigned".includes(l.toLowerCase());(0,a.useEffect)(()=>{c(0)},[l]),(0,a.useEffect)(()=>{n?setTimeout(()=>x.current?.focus(),0):o("")},[n]),(0,a.useEffect)(()=>{if(n)return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e);function e(e){p.current&&!p.current.contains(e.target)&&i(!1)}},[n]),(0,a.useEffect)(()=>{if(!n||!v.current)return;let e=v.current.querySelectorAll("[data-employee-option]")[d];e&&e.scrollIntoView({block:"nearest"})},[d,n]);let y=+!!f+g.length,b=(0,a.useCallback)(e=>{if(!n){("Enter"===e.key||" "===e.key||"ArrowDown"===e.key)&&(e.preventDefault(),i(!0));return}if("Escape"===e.key){e.preventDefault(),i(!1);return}if("ArrowDown"===e.key)e.preventDefault(),c(e=>Math.min(e+1,y-1));else if("ArrowUp"===e.key)e.preventDefault(),c(e=>Math.max(e-1,0));else if("Enter"===e.key){if(e.preventDefault(),f&&0===d)s("");else{let e=f?d-1:d;g[e]&&s(g[e].name)}i(!1)}},[n,d,y,f,g,s]);return(0,t.jsxs)("div",{ref:p,className:"relative",onKeyDown:b,children:[(0,t.jsx)("button",{type:"button",onClick:()=>i(!n),"aria-haspopup":"listbox","aria-expanded":n,className:`w-full flex items-center gap-[var(--space-2)] py-2 pl-3 pr-9 text-[length:var(--text-body)] cursor-pointer text-left border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] bg-[url("data:image/svg+xml,%3Csvg_xmlns='http://www.w3.org/2000/svg'_width='12'_height='12'_viewBox='0_0_24_24'_fill='none'_stroke='%23888'_stroke-width='2'_stroke-linecap='round'_stroke-linejoin='round'%3E%3Cpath_d='m6_9_6_6_6-6'/%3E%3C/svg%3E")] bg-no-repeat bg-[position:right_12px_center] min-h-[40px] font-[inherit] ${u?"text-[var(--text-primary)]":"text-[var(--text-tertiary)]"}`,children:u?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"font-[var(--weight-medium)]",children:u.displayName}),m[u.rank]&&(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1.5 py-px",children:m[u.rank]})]}):(0,t.jsx)("span",{children:"Unassigned"})}),n&&(0,t.jsxs)("div",{className:"absolute top-full left-0 right-0 mt-1 z-50 bg-[var(--material-regular)] border border-[var(--separator)] rounded-[var(--radius-md)] shadow-[0_8px_32px_rgba(0,0,0,0.3)] overflow-hidden",children:[(0,t.jsx)("div",{className:"pt-2 px-2 pb-1",children:(0,t.jsx)("input",{ref:x,type:"text",placeholder:"Search employees...",value:l,onChange:e=>o(e.target.value),className:"w-full py-1.5 px-2.5 text-[length:var(--text-footnote)] border border-[var(--separator)] rounded-[var(--radius-sm)] bg-[var(--fill-tertiary)] text-[var(--text-primary)] outline-none font-[inherit]"})}),(0,t.jsxs)("div",{ref:v,role:"listbox",className:"max-h-[280px] overflow-y-auto p-1",children:[f&&(0,t.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":""===r,onClick:()=>void(s(""),i(!1)),className:`flex items-center gap-[var(--space-2)] py-2 px-2.5 rounded-[var(--radius-sm)] cursor-pointer transition-[background] duration-100 ${0===d?"bg-[var(--fill-secondary)]":"bg-transparent"}`,onMouseEnter:()=>c(0),children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[var(--fill-tertiary)] flex items-center justify-center text-sm text-[var(--text-tertiary)] shrink-0",children:"—"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-[length:var(--text-footnote)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Unassigned"}),(0,t.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:"No employee assigned"})]}),""===r&&(0,t.jsx)("span",{className:"ml-auto text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]}),g.map((e,a)=>{let n=f?a+1:a,l=d===n,o=r===e.name;return(0,t.jsxs)("div",{"data-employee-option":!0,role:"option","aria-selected":o,onClick:()=>{s(e.name),i(!1)},onMouseEnter:()=>c(n),className:`flex items-center gap-[var(--space-2)] py-2 px-2.5 rounded-[var(--radius-sm)] cursor-pointer transition-[background] duration-100 ${l?"bg-[var(--fill-secondary)]":"bg-transparent"}`,children:[(0,t.jsx)("div",{className:"w-8 h-8 rounded-lg bg-[var(--accent)] flex items-center justify-center text-sm text-white font-semibold shrink-0",children:e.displayName.charAt(0).toUpperCase()}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsxs)("div",{className:"flex items-center gap-[var(--space-1)]",children:[(0,t.jsx)("span",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.displayName}),m[e.rank]&&(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1 shrink-0",children:m[e.rank]})]}),(0,t.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] overflow-hidden text-ellipsis whitespace-nowrap",children:e.department||e.name})]}),o&&(0,t.jsx)("span",{className:"text-[var(--accent)] text-[13px] shrink-0",children:"✓"})]},e.name)}),0===g.length&&!f&&(0,t.jsxs)("div",{className:"p-[var(--space-4)] text-center text-[length:var(--text-footnote)] text-[var(--text-tertiary)]",children:["No employees match “",l,"”"]})]})]})]})}let g=["low","medium","high"],f={low:"Low",medium:"Medium",high:"High"},y={title:"",description:"",priority:"medium",assigneeId:""};function b({open:e,onOpenChange:s,employees:n,onSubmit:i}){let[o,c]=(0,a.useState)(y),p=(0,a.useCallback)(()=>{c(y)},[]);return(0,t.jsx)(l.Dialog,{open:e,onOpenChange:function(e){e||p(),s(e)},children:(0,t.jsxs)(l.DialogContent,{showCloseButton:!0,className:"bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-lg)] shadow-[var(--shadow-card)] max-w-[480px]",children:[(0,t.jsxs)(l.DialogHeader,{children:[(0,t.jsx)(l.DialogTitle,{className:"text-[length:var(--text-title3)] font-[var(--weight-bold)] text-[var(--text-primary)]",children:"Create Ticket"}),(0,t.jsx)(l.DialogDescription,{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:"Add a new ticket to the backlog."})]}),(0,t.jsxs)("form",{onSubmit:function(e){e.preventDefault(),o.title.trim()&&(i({title:o.title.trim(),description:o.description.trim(),priority:o.priority,assigneeId:o.assigneeId||null}),p(),s(!1))},className:"flex flex-col gap-[var(--space-4)]",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,t.jsx)("label",{htmlFor:"ticket-title",className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Title"}),(0,t.jsx)("input",{id:"ticket-title",type:"text",placeholder:"What needs to be done?",value:o.title,onChange:e=>c(t=>({...t,title:e.target.value})),required:!0,autoFocus:!0,className:"text-[length:var(--text-body)] text-[var(--text-primary)] py-2 px-3 border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] outline-none font-[inherit]"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,t.jsx)("label",{htmlFor:"ticket-description",className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Description"}),(0,t.jsx)("textarea",{id:"ticket-description",placeholder:"Add details...",rows:3,value:o.description,onChange:e=>c(t=>({...t,description:e.target.value})),className:"text-[length:var(--text-body)] text-[var(--text-primary)] resize-y min-h-[72px] py-2 px-3 border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-tertiary)] outline-none font-[inherit]"})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-[var(--space-2)]",children:[(0,t.jsx)("span",{className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Priority"}),(0,t.jsx)("div",{className:"flex gap-[var(--space-2)]",children:g.map(e=>{let a=o.priority===e;return(0,t.jsxs)("button",{type:"button",onClick:()=>c(t=>({...t,priority:e})),className:"flex-1 flex items-center justify-center gap-[var(--space-1)] py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-md)] cursor-pointer text-[length:var(--text-caption1)] font-[var(--weight-medium)] transition-all duration-150 ease-[var(--ease-smooth)]",style:{border:a?`2px solid ${d[e]}`:"2px solid var(--separator)",background:a?"var(--fill-tertiary)":"transparent",color:a?"var(--text-primary)":"var(--text-tertiary)"},children:[(0,t.jsx)("span",{className:"w-2 h-2 rounded-full shrink-0",style:{background:d[e]}}),f[e]]},e)})})]}),(0,t.jsxs)("div",{className:"flex flex-col gap-[var(--space-1)]",children:[(0,t.jsx)("label",{className:"text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)]",children:"Assignee"}),(0,t.jsx)(h,{employees:n,value:o.assigneeId,onChange:e=>c(t=>({...t,assigneeId:e}))})]}),(0,t.jsxs)("button",{type:"submit",disabled:!o.title.trim(),className:"rounded-[var(--radius-md)] py-3 px-5 w-full text-[length:var(--text-body)] font-[var(--weight-semibold)] border-none flex items-center justify-center gap-[var(--space-2)] mt-[var(--space-2)] bg-[var(--accent)] text-white transition-opacity duration-150 ease-linear",style:{cursor:o.title.trim()?"pointer":"default",opacity:o.title.trim()?1:.5},children:[(0,t.jsx)(r.Plus,{size:16}),"Create Ticket"]})]})]})})}function j({priority:e}){return(0,t.jsxs)("span",{className:"inline-flex items-center gap-[var(--space-1)] text-[length:var(--text-caption2)] font-semibold uppercase tracking-[0.5px]",style:{color:d[e]},children:[(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full",style:{background:d[e]}}),e]})}function w({status:e}){let a=o.find(t=>t.id===e)?.title??e;return(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] font-semibold text-[var(--text-secondary)] bg-[var(--fill-tertiary)] px-[var(--space-2)] py-[2px] rounded-[var(--radius-sm)] uppercase tracking-[0.3px]",children:a})}function k({ticket:e,employees:r,onClose:s,onStatusChange:n,onAssigneeChange:i,onDelete:l}){let d=(0,a.useRef)(null);(0,a.useEffect)(()=>{function e(e){"Escape"===e.key&&s()}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[s]),(0,a.useEffect)(()=>{d.current?.focus()},[]);let c=r.find(t=>t.name===e.assigneeId)??null;return(0,t.jsx)("div",{className:"absolute top-0 right-0 bottom-0 z-30",children:(0,t.jsxs)("div",{className:"w-[420px] max-w-[100vw] h-full bg-[var(--material-regular)] shadow-[-4px_0_24px_rgba(0,0,0,0.25)] flex flex-col",children:[(0,t.jsx)("div",{className:"h-[3px] bg-[var(--accent)] shrink-0"}),(0,t.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,t.jsx)("div",{className:"pt-[var(--space-4)] px-[var(--space-5)] pb-0 flex justify-end gap-[var(--space-2)]",children:(0,t.jsx)("button",{ref:d,onClick:s,"aria-label":"Close detail panel",className:"w-7 h-7 rounded-full flex items-center justify-center bg-[var(--fill-secondary)] text-[var(--text-secondary)] border-none cursor-pointer text-[length:var(--text-footnote)] transition-all duration-150 ease-[var(--ease-spring)]",children:"✕"})}),(0,t.jsxs)("div",{className:"pt-[var(--space-2)] px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,t.jsx)("h2",{className:"text-[length:var(--text-title3)] font-bold tracking-[-0.3px] text-[var(--text-primary)] m-0 leading-[1.25]",children:e.title}),(0,t.jsxs)("div",{className:"flex items-center gap-[var(--space-3)] mt-[var(--space-2)]",children:[(0,t.jsx)(w,{status:e.status}),(0,t.jsx)(j,{priority:e.priority})]}),c?(0,t.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] mt-[var(--space-3)] text-[length:var(--text-footnote)] text-[var(--text-secondary)]",children:[(0,t.jsx)("span",{children:c.displayName}),(0,t.jsx)("span",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] bg-[var(--fill-secondary)] rounded-[var(--radius-sm)] px-1",children:c.rank})]}):(0,t.jsx)("div",{className:"mt-[var(--space-3)] text-[length:var(--text-footnote)] text-[var(--text-tertiary)] italic",children:"Unassigned"})]}),(0,t.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,t.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Move to"}),(0,t.jsx)("div",{className:"flex gap-[var(--space-1)] flex-wrap",children:o.map(a=>{let r=a.id===e.status;return(0,t.jsx)("button",{onClick:()=>{r||n(a.id)},disabled:r,className:"text-[length:var(--text-caption2)] font-semibold py-[3px] px-[var(--space-2)] rounded-[var(--radius-sm)] border-none transition-all duration-[120ms] ease-linear",style:{cursor:r?"default":"pointer",background:r?"var(--accent)":"var(--fill-tertiary)",color:r?"#fff":"var(--text-secondary)",opacity:r?1:.8},children:a.title},a.id)})})]}),(0,t.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,t.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Assignee"}),(0,t.jsx)(h,{employees:r,value:e.assigneeId??"",onChange:e=>i(e||null)})]}),e.description&&(0,t.jsxs)("div",{className:"px-[var(--space-5)] pb-[var(--space-4)]",children:[(0,t.jsx)("div",{className:"h-px bg-[var(--separator)] mb-[var(--space-3)]"}),(0,t.jsx)("div",{className:"text-[length:var(--text-caption1)] font-semibold text-[var(--text-tertiary)] uppercase tracking-[0.5px] mb-[var(--space-2)]",children:"Description"}),(0,t.jsx)("div",{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] leading-[1.5] whitespace-pre-wrap",children:e.description})]})]}),(0,t.jsx)("div",{className:"shrink-0 py-[var(--space-2)] px-[var(--space-5)] pb-[var(--space-4)] border-t border-[var(--separator)]",children:(0,t.jsx)("button",{onClick:function(){l()},className:"w-full py-[var(--space-2)] px-[var(--space-3)] rounded-[var(--radius-md)] border border-[var(--system-red)] bg-transparent text-[var(--system-red)] text-[length:var(--text-footnote)] font-semibold cursor-pointer transition-all duration-[120ms] ease-linear",children:"Delete Ticket"})})]})})}function N({ticket:e,onConfirm:a,onCancel:r}){return(0,t.jsx)(l.Dialog,{open:!0,onOpenChange:e=>{e||r()},children:(0,t.jsxs)(l.DialogContent,{showCloseButton:!1,className:"bg-[var(--bg)] border border-[var(--separator)] rounded-[var(--radius-lg)] shadow-[var(--shadow-card)] max-w-[400px]",children:[(0,t.jsxs)(l.DialogHeader,{children:[(0,t.jsx)(l.DialogTitle,{className:"text-[length:var(--text-title3)] font-[var(--weight-bold)] text-[var(--text-primary)]",children:"Delete Ticket"}),(0,t.jsxs)(l.DialogDescription,{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)] leading-[1.5]",children:["Are you sure you want to delete “",e.title,"”? This cannot be undone."]})]}),(0,t.jsxs)(l.DialogFooter,{children:[(0,t.jsx)("button",{onClick:r,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border border-[var(--separator)] bg-transparent text-[var(--text-secondary)] text-[length:var(--text-footnote)] font-semibold cursor-pointer",children:"Cancel"}),(0,t.jsx)("button",{onClick:a,autoFocus:!0,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] border-none bg-[var(--system-red)] text-white text-[length:var(--text-footnote)] font-semibold cursor-pointer",children:"Delete"})]})]})})}e.s(["default",0,function(){let[e,l]=(0,a.useState)({}),[o,d]=(0,a.useState)([]),[c,p]=(0,a.useState)([]),[x,v]=(0,a.useState)(!0),[m,h]=(0,a.useState)(null),[g,f]=(0,a.useState)(!1),[y,j]=(0,a.useState)(null),[w,D]=(0,a.useState)(null),[C,A]=(0,a.useState)(null);(0,a.useCallback)(async e=>{let t={};for(let a of Object.values(e)){let e=a.department;e&&(t[e]||(t[e]=[]),t[e].push({id:a.id,title:a.title,description:a.description||void 0,status:a.status,priority:a.priority,assignee:a.assigneeId||void 0,createdAt:new Date(a.createdAt).toISOString(),updatedAt:new Date(a.updatedAt).toISOString()}))}let a=Array.from(new Set([...Object.keys(t),...c])).map(async e=>{try{await s.api.updateDepartmentBoard(e,t[e]||[])}catch{}});await Promise.all(a)},[c]);let S=(0,a.useCallback)(()=>{v(!0),h(null),s.api.getOrg().then(async e=>{d(e.employees),p(e.departments);let t={};for(let a of e.departments)try{let e=await s.api.getDepartmentBoard(a);if(Array.isArray(e))for(let r of e){let e={todo:"todo",in_progress:"in-progress","in-progress":"in-progress",done:"done",backlog:"backlog",review:"review"}[r.status]||"todo",s={low:"low",medium:"medium",high:"high"}[r.priority||"medium"]||"medium";t[r.id]={id:r.id,title:r.title,description:r.description||"",status:e,priority:s,assigneeId:r.assignee||null,department:a,workState:"idle",createdAt:r.createdAt?new Date(r.createdAt).getTime():Date.now(),updatedAt:r.updatedAt?new Date(r.updatedAt).getTime():Date.now(),departmentId:a}}}catch{}l(t)}).catch(e=>h(e.message)).finally(()=>v(!1))},[]);(0,a.useEffect)(()=>{S()},[S]),(0,a.useEffect)(()=>{x||function(e){try{localStorage.setItem("jinn-kanban",JSON.stringify(e))}catch{}}(e)},[e,x]);let I=(0,a.useCallback)(async e=>{let t={};for(let a of Object.values(e))a.departmentId&&(t[a.departmentId]||(t[a.departmentId]=[]),t[a.departmentId].push(a));for(let e of c)t[e]||(t[e]=[]);await Promise.all(Object.entries(t).map(([e,t])=>{let a=t.map(e=>({id:e.id,title:e.title,description:e.description,status:e.status,priority:e.priority,assignee:e.assigneeId??void 0,createdAt:new Date(e.createdAt).toISOString(),updatedAt:new Date(e.updatedAt).toISOString()}));return s.api.updateDepartmentBoard(e,a).catch(()=>{})}))},[c]);function _(e,t){l(a=>{let r=n(a,e,{status:t});return I(r),r})}if((0,a.useEffect)(()=>{if(y&&e[y.id]){let t=e[y.id];t.updatedAt!==y.updatedAt&&j(t)}},[e,y]),m)return(0,t.jsx)(i.PageLayout,{children:(0,t.jsxs)("div",{className:"flex flex-col items-center justify-center h-full gap-[var(--space-4)] text-[var(--text-tertiary)]",children:[(0,t.jsxs)("div",{className:"rounded-[var(--radius-md)] bg-[color-mix(in_srgb,var(--system-red)_10%,transparent)] border border-[color-mix(in_srgb,var(--system-red)_30%,transparent)] px-[var(--space-4)] py-[var(--space-3)] text-[length:var(--text-body)] text-[var(--system-red)]",children:["Failed to load employees: ",m]}),(0,t.jsx)("button",{onClick:S,className:"px-[var(--space-4)] py-[var(--space-2)] rounded-[var(--radius-md)] bg-[var(--accent)] text-[var(--accent-contrast)] border-none cursor-pointer text-[length:var(--text-body)] font-[var(--weight-semibold)]",children:"Retry"})]})});let T=Object.keys(e).length,E=new Set(Object.values(e).map(e=>e.assigneeId).filter(Boolean)),O=o.filter(e=>E.has(e.name));return(0,t.jsx)(i.PageLayout,{children:(0,t.jsxs)("div",{className:"flex h-full relative bg-[var(--bg)]",children:[(0,t.jsxs)("div",{className:"flex-1 h-full flex flex-col min-w-0",children:[(0,t.jsxs)("div",{className:"px-[var(--space-5)] py-[var(--space-4)] flex items-center justify-between shrink-0 border-b border-[var(--separator)]",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:"text-[length:var(--text-title2)] font-[var(--weight-bold)] text-[var(--text-primary)] m-0 tracking-[-0.3px]",children:"Kanban Board"}),(0,t.jsxs)("p",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)] mt-[2px] mb-0",children:[T," ticket",1!==T?"s":""]})]}),(0,t.jsx)(i.ToolbarActions,{children:(0,t.jsxs)("button",{onClick:()=>f(!0),className:"rounded-[var(--radius-md)] px-4 py-2 text-[length:var(--text-footnote)] font-[var(--weight-semibold)] border-none flex items-center gap-[var(--space-2)] bg-[var(--accent)] text-white cursor-pointer",children:[(0,t.jsx)(r.Plus,{size:16}),"New Ticket"]})})]}),O.length>0&&(0,t.jsxs)("div",{className:"flex items-center gap-[var(--space-2)] px-[var(--space-5)] py-[var(--space-2)] overflow-x-auto shrink-0",children:[(0,t.jsx)("button",{onClick:()=>D(null),className:`flex items-center gap-[var(--space-1)] px-3 py-1 rounded-full border-none text-[length:var(--text-caption1)] font-semibold cursor-pointer shrink-0 ${null===w?"bg-[var(--accent)] text-white":"bg-[var(--fill-tertiary)] text-[var(--text-secondary)]"}`,children:"All"}),O.map(e=>(0,t.jsx)("button",{onClick:()=>D(w===e.name?null:e.name),className:`flex items-center gap-[var(--space-1)] px-3 py-1 rounded-full border-none text-[length:var(--text-caption1)] font-semibold cursor-pointer shrink-0 ${w===e.name?"bg-[var(--accent)] text-white":"bg-[var(--fill-tertiary)] text-[var(--text-secondary)]"}`,children:e.displayName},e.name))]}),(0,t.jsx)("div",{className:"flex-1 px-[var(--space-3)] min-h-0",children:x?(0,t.jsx)("div",{className:"flex items-center justify-center h-full text-[var(--text-tertiary)] text-[length:var(--text-caption1)]",children:"Loading..."}):(0,t.jsx)(u,{tickets:e,employees:o,onTicketClick:function(e){j(e)},onMoveTicket:_,onCreateTicket:()=>f(!0),onDeleteTicket:e=>A(e),filterEmployeeId:w})})]}),y&&(0,t.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden bg-black/50",onClick:()=>j(null)}),y&&(0,t.jsx)(k,{ticket:y,employees:o,onClose:()=>j(null),onStatusChange:e=>_(y.id,e),onAssigneeChange:e=>{var t;let a,r;return t=y.id,a=e?o.find(t=>t.name===e):null,r={assigneeId:e},void(a?.department&&(r.department=a.department),l(e=>{let a=n(e,t,r);return I(a),a}))},onDelete:()=>A(y)}),C&&(0,t.jsx)(N,{ticket:C,onConfirm:()=>{var e;return e=C.id,void(l(t=>{let a,r=(a={...t},delete a[e],a);return I(r),r}),j(null),A(null))},onCancel:()=>A(null)}),(0,t.jsx)(b,{open:g,onOpenChange:f,employees:o,onSubmit:function(e){let t=e.assigneeId?o.find(t=>t.name===e.assigneeId):null,a=t?.department||c[0]||null;l(t=>{var r;let s,n,i=(r={...e,status:"backlog",department:a,departmentId:a},s=crypto.randomUUID(),n=Date.now(),{...t,[s]:{...r,id:s,workState:"idle",createdAt:n,updatedAt:n,departmentId:r.departmentId??null}});return I(i),i})}})]})})}],51090)}]);