tide-commander 1.47.0 → 1.49.0

package/dist/assets/GmailOAuthSetup-CO2LqLvU.js

@@ -1,270 +0,0 @@
-import{r as t,W as J,l as N,j as e}from"./main-BsOvZp5M.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function H({integration:o,onSave:f,onCancel:w}){const[s,y]=t.useState(o.values.authMethod||"oauth2"),[b,P]=t.useState(o.values.clientId||""),[j,T]=t.useState(""),[g,F]=t.useState(""),[v,q]=t.useState(o.values.impersonateEmail||""),[p,k]=t.useState(String(o.values.pollingIntervalMs??3e4)),[h,S]=t.useState(o.values.defaultApprovalKeywords||"approved,aprobado,autorizado,yes,ok"),[A,C]=t.useState(null),[r,z]=t.useState(null),[c,d]=t.useState(!1),[I,i]=t.useState(null),[E,O]=t.useState(!1),[m,u]=t.useState(o.status.connected?"connected":"credentials"),l=t.useRef(null),M=t.useRef(o.status.connected),x=t.useCallback(async()=>{try{const a=await J(N("/api/email/status"));if(a.ok){const n=await a.json();z(n),n.authenticated&&(u("connected"),l.current&&(clearInterval(l.current),l.current=null))}}catch(a){console.error("Failed to fetch Gmail status:",a)}},[]);t.useEffect(()=>{const a=o.status.connected,n=M.current;a&&!n&&m!=="connected"?u("connected"):!a&&n&&m==="connected"&&u("credentials"),M.current=a},[o.status.connected]),t.useEffect(()=>(x(),()=>{l.current&&clearInterval(l.current)}),[x]);const D=async()=>{if(!b.trim()){i("Client ID is required");return}d(!0),i(null);try{const a={authMethod:"oauth2",clientId:b.trim(),pollingIntervalMs:parseInt(p)||3e4,defaultApprovalKeywords:h};j.trim()&&(a.clientSecret=j.trim()),await f(a);const n=await J(N("/api/email/auth/url"));if(!n.ok){const L=await n.json().catch(()=>({}));throw new Error(L.error||`HTTP ${n.status}`)}const _=await n.json();if(!_.url)throw new Error("OAuth URL is empty");C(_.url),i(null),u("authorize"),l.current&&clearInterval(l.current),l.current=setInterval(x,3e3)}catch(a){const n=a instanceof Error?a.message:"Failed to get OAuth URL";i(n)}finally{d(!1)}},K=async()=>{if(!g.trim()){i("Service Account JSON is required");return}if(!v.trim()){i("Impersonate Email is required");return}try{const a=JSON.parse(g.trim());if(!a.client_email||!a.private_key){i("Service Account JSON must contain client_email and private_key");return}}catch{i("Invalid JSON in Service Account field");return}d(!0),i(null);try{await f({authMethod:"service_account",serviceAccountJson:g.trim(),impersonateEmail:v.trim(),pollingIntervalMs:parseInt(p)||3e4,defaultApprovalKeywords:h}),await new Promise(a=>setTimeout(a,1e3)),await x()}catch(a){const n=a instanceof Error?a.message:"Failed to save service account";i(n)}finally{d(!1)}},R=async()=>{O(!0),i(null);try{await f({pollingIntervalMs:parseInt(p)||3e4,defaultApprovalKeywords:h})}catch(a){i(a instanceof Error?a.message:"Failed to save settings")}finally{O(!1)}},U=async()=>{d(!0),i(null);try{await f({refreshToken:"",serviceAccountJson:"",impersonateEmail:""}),z(null),C(null),u("credentials"),await x()}catch(a){i(a instanceof Error?a.message:"Failed to disconnect")}finally{d(!1)}},G=!!o.values.serviceAccountJson;return e.jsxs("div",{className:"gmail-oauth-setup",children:[I&&e.jsx("div",{className:"gmail-oauth-error",children:I}),m==="credentials"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsxs("div",{className:"gmail-oauth-field",style:{marginBottom:24},children:[e.jsx("label",{className:"integration-field-label",children:"Authentication Method"}),e.jsxs("div",{className:"gmail-auth-method-selector",children:[e.jsxs("button",{type:"button",className:`gmail-auth-method-btn ${s==="oauth2"?"active":""}`,onClick:()=>{y("oauth2"),i(null)},children:[e.jsx("span",{className:"gmail-auth-method-icon",children:"🔑"}),e.jsx("span",{className:"gmail-auth-method-label",children:"OAuth 2.0"}),e.jsx("span",{className:"gmail-auth-method-desc",children:"Browser login flow"})]}),e.jsxs("button",{type:"button",className:`gmail-auth-method-btn ${s==="service_account"?"active":""}`,onClick:()=>{y("service_account"),i(null)},children:[e.jsx("span",{className:"gmail-auth-method-icon",children:"🤖"}),e.jsx("span",{className:"gmail-auth-method-label",children:"Service Account"}),e.jsx("span",{className:"gmail-auth-method-desc",children:"Domain-wide delegation"})]})]})]}),s==="oauth2"&&e.jsxs(e.Fragment,{children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Google OAuth Credentials"}),e.jsxs("p",{className:"gmail-oauth-help",children:["Create OAuth2 credentials in the"," ",e.jsx("a",{href:"https://console.cloud.google.com/apis/credentials",target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-link",children:"Google Cloud Console"}),". Enable the Gmail API and (optionally) the Calendar API. Set the redirect URI to:"," ",e.jsx("code",{className:"gmail-oauth-code",children:N("/api/email/auth/callback")})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client ID ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"text",className:"integration-field-input",value:b,placeholder:"xxxx.apps.googleusercontent.com",onChange:a=>P(a.target.value)})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client Secret ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"password",className:"integration-field-input",value:j,placeholder:o.values.clientSecret?"(saved)":"Enter client secret",onChange:a=>T(a.target.value),autoComplete:"off"})]})]}),s==="service_account"&&e.jsxs(e.Fragment,{children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Service Account Credentials"}),e.jsxs("p",{className:"gmail-oauth-help",children:["Use a Google service account with"," ",e.jsx("a",{href:"https://admin.google.com/ac/owl/domainwidedelegation",target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-link",children:"domain-wide delegation"})," ","enabled. The service account must be authorized for Gmail scopes in Google Workspace Admin."]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["Service Account JSON ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:g,placeholder:G?"(saved — paste new JSON to replace)":"Paste the full service account JSON key file contents",onChange:a=>F(a.target.value),rows:6,spellCheck:!1}),e.jsx("span",{className:"integration-field-description",children:"The JSON key file downloaded from Google Cloud Console containing client_email and private_key."})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["Impersonate Email ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"email",className:"integration-field-input",value:v,placeholder:"user@yourdomain.com",onChange:a=>q(a.target.value)}),e.jsx("span",{className:"integration-field-description",children:"The email address to impersonate via domain-wide delegation. Must be a user in your Google Workspace domain."})]})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Polling Interval (ms)"}),e.jsx("input",{type:"number",className:"integration-field-input",value:p,onChange:a=>k(a.target.value)}),e.jsx("span",{className:"integration-field-description",children:"How often to check for new emails. Default: 30000 (30s)."})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Approval Keywords"}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:h,onChange:a=>S(a.target.value),rows:2}),e.jsx("span",{className:"integration-field-description",children:"Comma-separated keywords that indicate email approval."})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:w,children:"Cancel"}),s==="oauth2"?e.jsx("button",{type:"button",className:"integration-btn save",onClick:D,disabled:c||!b.trim(),children:c?"Saving...":"Save & Authorize"}):e.jsx("button",{type:"button",className:"integration-btn save",onClick:K,disabled:c||!v.trim()||!g.trim()&&!G,children:c?"Connecting...":"Save & Connect"})]})]}),m==="authorize"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Authorize Gmail Access"}),e.jsx("p",{className:"gmail-oauth-help",children:"Click the link below to authorize Tide Commander to access your Gmail account. After granting access, you will be redirected back and the connection will be established automatically."}),A&&e.jsx("a",{href:A,target:"_blank",rel:"noopener noreferrer",className:"gmail-oauth-authorize-btn",children:"Authorize with Google"}),e.jsxs("div",{className:"gmail-oauth-waiting",children:[e.jsx("span",{className:"gmail-oauth-spinner"}),e.jsx("span",{children:"Waiting for authorization to complete..."})]}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:()=>{l.current&&(clearInterval(l.current),l.current=null),u("credentials")},children:"Back"})})]}),m==="connected"&&e.jsxs("div",{className:"gmail-oauth-section",children:[e.jsx("h4",{className:"gmail-oauth-section-title",children:"Gmail Connected"}),e.jsxs("div",{className:"gmail-oauth-connected-info",children:[e.jsx("span",{className:"gmail-oauth-connected-badge",children:"Connected"}),(r==null?void 0:r.emailAddress)&&e.jsx("span",{className:"gmail-oauth-email",children:r.emailAddress}),e.jsx("span",{className:"gmail-oauth-auth-type",children:s==="service_account"?"Service Account":"OAuth 2.0"})]}),(r==null?void 0:r.pollingActive)&&e.jsxs("p",{className:"gmail-oauth-help",children:["Email polling is active.",r.lastPollAt&&e.jsxs(e.Fragment,{children:[" Last checked: ",new Date(r.lastPollAt).toLocaleTimeString()]})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Polling Interval (ms)"}),e.jsx("input",{type:"number",className:"integration-field-input",value:p,onChange:a=>k(a.target.value)})]}),e.jsxs("div",{className:"gmail-oauth-field",children:[e.jsx("label",{className:"integration-field-label",children:"Approval Keywords"}),e.jsx("textarea",{className:"integration-field-input integration-field-textarea",value:h,onChange:a=>S(a.target.value),rows:2})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:w,children:"Close"}),e.jsx("button",{type:"button",className:"integration-btn",style:{backgroundColor:"#f38ba8",color:"#1e1e2e"},onClick:U,disabled:c,children:c?"Disconnecting...":"Disconnect"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:R,disabled:E,children:E?"Saving...":"Save Settings"})]})]}),e.jsx("style",{children:`
-        .gmail-oauth-setup {
-          padding: 0;
-        }
-        .gmail-oauth-error {
-          background: linear-gradient(135deg, rgba(243, 139, 168, 0.2) 0%, rgba(243, 139, 168, 0.08) 100%);
-          border-left: 3px solid #f38ba8;
-          color: #f38ba8;
-          padding: 12px 16px;
-          border-radius: 8px;
-          margin-bottom: 18px;
-          font-size: 13px;
-          font-weight: 500;
-        }
-        .gmail-oauth-section {
-          background: linear-gradient(180deg, rgba(45, 49, 69, 0.4) 0%, rgba(30, 30, 46, 0.2) 100%);
-          border: 1px solid rgba(137, 180, 250, 0.15);
-          border-radius: 12px;
-          padding: 28px;
-          backdrop-filter: blur(10px);
-        }
-        .gmail-oauth-section-title {
-          margin: 0 0 16px 0;
-          color: #cdd6f4;
-          font-size: 18px;
-          font-weight: 700;
-          letter-spacing: -0.5px;
-        }
-        .gmail-oauth-help {
-          color: #a6adc8;
-          font-size: 13px;
-          line-height: 1.6;
-          margin: 0 0 20px 0;
-          font-weight: 400;
-        }
-        .gmail-oauth-link {
-          color: #89b4fa;
-          text-decoration: none;
-          border-bottom: 1.5px solid rgba(137, 180, 250, 0.4);
-          transition: all 0.2s ease;
-          font-weight: 500;
-        }
-        .gmail-oauth-link:hover {
-          color: #a8c5ff;
-          border-bottom-color: #89b4fa;
-        }
-        .gmail-oauth-code {
-          background: rgba(137, 180, 250, 0.15);
-          color: #89b4fa;
-          padding: 4px 10px;
-          border-radius: 6px;
-          font-size: 12px;
-          word-break: break-all;
-          font-weight: 500;
-          font-family: 'Monaco', 'Menlo', monospace;
-        }
-        .gmail-oauth-field {
-          margin-bottom: 18px;
-        }
-        .gmail-auth-method-selector {
-          display: flex;
-          gap: 12px;
-        }
-        .gmail-auth-method-btn {
-          flex: 1;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          gap: 6px;
-          padding: 16px 12px;
-          background: rgba(30, 30, 46, 0.6);
-          border: 2px solid rgba(137, 180, 250, 0.15);
-          border-radius: 10px;
-          cursor: pointer;
-          transition: all 0.2s ease;
-        }
-        .gmail-auth-method-btn:hover {
-          border-color: rgba(137, 180, 250, 0.35);
-          background: rgba(30, 30, 46, 0.8);
-        }
-        .gmail-auth-method-btn.active {
-          border-color: #89b4fa;
-          background: rgba(137, 180, 250, 0.1);
-          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.1);
-        }
-        .gmail-auth-method-icon {
-          font-size: 22px;
-        }
-        .gmail-auth-method-label {
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-        }
-        .gmail-auth-method-desc {
-          color: #7f849c;
-          font-size: 11px;
-          font-weight: 400;
-        }
-        .gmail-oauth-auth-type {
-          color: #7f849c;
-          font-size: 12px;
-          font-weight: 500;
-          margin-left: auto;
-          background: rgba(137, 180, 250, 0.1);
-          padding: 4px 10px;
-          border-radius: 6px;
-        }
-        .integration-field-label {
-          display: block;
-          margin-bottom: 8px;
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-          letter-spacing: 0.3px;
-        }
-        .integration-field-required {
-          color: #f38ba8;
-        }
-        .integration-field-input {
-          width: 100%;
-          background: rgba(30, 30, 46, 0.6);
-          border: 1.5px solid rgba(137, 180, 250, 0.2);
-          color: #cdd6f4;
-          padding: 11px 14px;
-          border-radius: 8px;
-          font-size: 13px;
-          transition: all 0.2s ease;
-          font-weight: 500;
-        }
-        .integration-field-input:focus {
-          outline: none;
-          border-color: #89b4fa;
-          background: rgba(30, 30, 46, 0.8);
-          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
-        }
-        .integration-field-input::placeholder {
-          color: #6c7086;
-        }
-        .integration-field-textarea {
-          resize: vertical;
-          min-height: 80px;
-          font-family: 'Monaco', 'Menlo', monospace;
-          font-size: 12px;
-        }
-        .integration-field-description {
-          display: block;
-          margin-top: 7px;
-          color: #7f849c;
-          font-size: 12px;
-          font-weight: 400;
-        }
-        .gmail-oauth-authorize-btn {
-          display: inline-block;
-          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
-          color: #1e1e2e;
-          padding: 12px 32px;
-          border-radius: 8px;
-          text-decoration: none;
-          font-weight: 700;
-          font-size: 14px;
-          margin-bottom: 20px;
-          transition: all 0.25s ease;
-          border: none;
-          cursor: pointer;
-          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
-          letter-spacing: 0.3px;
-        }
-        .gmail-oauth-authorize-btn:hover {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
-          background: linear-gradient(135deg, #a8c5ff 0%, #8eb8ff 100%);
-        }
-        .gmail-oauth-authorize-btn:active {
-          transform: translateY(0);
-        }
-        .gmail-oauth-waiting {
-          display: flex;
-          align-items: center;
-          gap: 12px;
-          color: #a6adc8;
-          font-size: 13px;
-          margin-bottom: 20px;
-          background: rgba(137, 180, 250, 0.08);
-          padding: 14px 16px;
-          border-radius: 8px;
-          border-left: 3px solid #89b4fa;
-          font-weight: 500;
-        }
-        .gmail-oauth-spinner {
-          display: inline-block;
-          width: 16px;
-          height: 16px;
-          border: 2.5px solid rgba(137, 180, 250, 0.25);
-          border-top-color: #89b4fa;
-          border-radius: 50%;
-          animation: gmail-spin 0.8s linear infinite;
-          flex-shrink: 0;
-        }
-        @keyframes gmail-spin {
-          to { transform: rotate(360deg); }
-        }
-        .gmail-oauth-connected-info {
-          display: flex;
-          align-items: center;
-          gap: 14px;
-          margin-bottom: 20px;
-          background: rgba(166, 227, 161, 0.08);
-          padding: 16px;
-          border-radius: 10px;
-          border-left: 3px solid #a6e3a1;
-        }
-        .gmail-oauth-connected-badge {
-          background: linear-gradient(135deg, rgba(166, 227, 161, 0.3) 0%, rgba(166, 227, 161, 0.15) 100%);
-          color: #a6e3a1;
-          padding: 6px 14px;
-          border-radius: 6px;
-          font-size: 12px;
-          font-weight: 700;
-          letter-spacing: 0.4px;
-          text-transform: uppercase;
-          border: 1px solid rgba(166, 227, 161, 0.3);
-          flex-shrink: 0;
-        }
-        .gmail-oauth-email {
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-          letter-spacing: 0.2px;
-        }
-        .integration-form-actions {
-          display: flex;
-          gap: 12px;
-          justify-content: flex-end;
-          margin-top: 24px;
-          padding-top: 20px;
-          border-top: 1px solid rgba(137, 180, 250, 0.1);
-        }
-        .integration-btn {
-          padding: 10px 24px;
-          border-radius: 8px;
-          font-weight: 600;
-          font-size: 13px;
-          border: none;
-          cursor: pointer;
-          transition: all 0.2s ease;
-          letter-spacing: 0.3px;
-        }
-        .integration-btn.save {
-          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
-          color: #1e1e2e;
-          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
-        }
-        .integration-btn.save:hover:not(:disabled) {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
-        }
-        .integration-btn.cancel {
-          background: rgba(137, 180, 250, 0.1);
-          color: #89b4fa;
-          border: 1.5px solid rgba(137, 180, 250, 0.2);
-        }
-        .integration-btn.cancel:hover:not(:disabled) {
-          background: rgba(137, 180, 250, 0.15);
-          border-color: #89b4fa;
-        }
-        .integration-btn:disabled {
-          opacity: 0.5;
-          cursor: not-allowed;
-        }
-      `})]})}export{H as GmailOAuthSetup};

package/dist/assets/GoogleOAuthSetup-OVzavssB.js

@@ -1,203 +0,0 @@
-import{r as a,W as N,l as b,j as e}from"./main-BsOvZp5M.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function L({integration:r,onSave:x,onCancel:f}){const[i,v]=a.useState(r.values.GOOGLE_CLIENT_ID||""),[d,C]=a.useState(""),[m,y]=a.useState(null),[s,z]=a.useState(null),[j,k]=a.useState(!1),[w,c]=a.useState(null),[g,u]=a.useState(r.status.connected?"connected":"credentials"),t=a.useRef(null),p=a.useCallback(async()=>{try{const o=r.id==="gmail"?"/api/email/status":"/api/calendar/status",l=await N(b(o));if(l.ok){const n=await l.json();z(n),n.authenticated&&(u("connected"),t.current&&(clearInterval(t.current),t.current=null))}}catch(o){console.error("Failed to fetch Google auth status:",o)}},[r.id]);a.useEffect(()=>(p(),()=>{t.current&&clearInterval(t.current)}),[p]);const A=async()=>{if(!i.trim()){c("Client ID is required");return}k(!0),c(null);try{const o={GOOGLE_CLIENT_ID:i.trim()};d.trim()&&(o.GOOGLE_CLIENT_SECRET=d.trim()),console.log("Saving Google OAuth config...",o),await x(o),console.log("Config saved successfully"),console.log("Fetching OAuth URL...");const l=r.id==="gmail"?"/api/email/auth/url":"/api/calendar/auth/url",n=await N(b(l));if(console.log("OAuth URL response:",n.status),!n.ok){const E=await n.json().catch(()=>({}));throw new Error(E.error||`HTTP ${n.status}`)}const h=await n.json();if(console.log("Received OAuth URL:",h),!h.url)throw new Error("OAuth URL is empty");y(h.url),console.log("AuthUrl state updated"),c(null),u("authorize"),console.log("Step updated to authorize"),t.current&&clearInterval(t.current),t.current=setInterval(p,3e3),console.log("Started polling for auth completion")}catch(o){const l=o instanceof Error?o.message:"Failed to get OAuth URL";console.error("Error in handleSaveCredentials:",l,o),c(l)}finally{k(!1)}};return e.jsxs("div",{className:"google-oauth-setup",children:[w&&e.jsx("div",{className:"google-oauth-error",children:w}),g==="credentials"&&e.jsxs("div",{className:"google-oauth-section",children:[e.jsx("h4",{className:"google-oauth-section-title",children:"Google OAuth Credentials"}),e.jsxs("p",{className:"google-oauth-help",children:["Create OAuth2 credentials in the"," ",e.jsx("a",{href:"https://console.cloud.google.com/apis/credentials",target:"_blank",rel:"noopener noreferrer",className:"google-oauth-link",children:"Google Cloud Console"}),". Enable the Gmail and Calendar APIs. Set the redirect URI to:"," ",e.jsx("code",{className:"google-oauth-code",children:b(r.id==="gmail"?"/api/email/auth/callback":"/api/calendar/auth/callback")})]}),e.jsxs("div",{className:"google-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client ID ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"text",className:"integration-field-input",value:i,placeholder:"xxxx.apps.googleusercontent.com",onChange:o=>v(o.target.value)})]}),e.jsxs("div",{className:"google-oauth-field",children:[e.jsxs("label",{className:"integration-field-label",children:["OAuth Client Secret ",e.jsx("span",{className:"integration-field-required",children:"*"})]}),e.jsx("input",{type:"password",className:"integration-field-input",value:d,placeholder:r.values.GOOGLE_CLIENT_SECRET?"(saved)":"Enter client secret",onChange:o=>C(o.target.value),autoComplete:"off"})]}),e.jsxs("div",{className:"integration-form-actions",children:[e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:f,children:"Cancel"}),e.jsx("button",{type:"button",className:"integration-btn save",onClick:A,disabled:j||!i.trim(),children:j?"Saving...":"Save & Authorize"})]})]}),g==="authorize"&&e.jsxs("div",{className:"google-oauth-section",children:[e.jsx("h4",{className:"google-oauth-section-title",children:"Authorize Google Access"}),e.jsx("p",{className:"google-oauth-help",children:"Click the link below to authorize Tide Commander to access your Google account. After granting access, you will be redirected back and the connection will be established automatically."}),m&&e.jsx("a",{href:m,target:"_blank",rel:"noopener noreferrer",className:"google-oauth-authorize-btn",children:"Authorize with Google"}),e.jsxs("div",{className:"google-oauth-waiting",children:[e.jsx("span",{className:"google-oauth-spinner"}),e.jsx("span",{children:"Waiting for authorization to complete..."})]}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:()=>{t.current&&(clearInterval(t.current),t.current=null),u("credentials")},children:"Back"})})]}),g==="connected"&&e.jsxs("div",{className:"google-oauth-section",children:[e.jsx("h4",{className:"google-oauth-section-title",children:"Google Connected"}),e.jsxs("div",{className:"google-oauth-connected-info",children:[e.jsx("span",{className:"google-oauth-connected-badge",children:"Connected"}),(s==null?void 0:s.emailAddress)&&e.jsx("span",{className:"google-oauth-email",children:s.emailAddress})]}),e.jsx("p",{className:"google-oauth-help",children:"Your Google account has been successfully connected."}),e.jsx("div",{className:"integration-form-actions",children:e.jsx("button",{type:"button",className:"integration-btn cancel",onClick:async()=>{await x({}),f()},children:"Close"})})]}),e.jsx("style",{children:`
-        .google-oauth-setup {
-          padding: 0;
-        }
-        .google-oauth-error {
-          background: linear-gradient(135deg, rgba(243, 139, 168, 0.2) 0%, rgba(243, 139, 168, 0.08) 100%);
-          border-left: 3px solid #f38ba8;
-          color: #f38ba8;
-          padding: 12px 16px;
-          border-radius: 8px;
-          margin-bottom: 18px;
-          font-size: 13px;
-          font-weight: 500;
-        }
-        .google-oauth-section {
-          background: linear-gradient(180deg, rgba(45, 49, 69, 0.4) 0%, rgba(30, 30, 46, 0.2) 100%);
-          border: 1px solid rgba(137, 180, 250, 0.15);
-          border-radius: 12px;
-          padding: 28px;
-          backdrop-filter: blur(10px);
-        }
-        .google-oauth-section-title {
-          margin: 0 0 16px 0;
-          color: #cdd6f4;
-          font-size: 18px;
-          font-weight: 700;
-          letter-spacing: -0.5px;
-        }
-        .google-oauth-help {
-          color: #a6adc8;
-          font-size: 13px;
-          line-height: 1.6;
-          margin: 0 0 20px 0;
-          font-weight: 400;
-        }
-        .google-oauth-link {
-          color: #89b4fa;
-          text-decoration: none;
-          border-bottom: 1.5px solid rgba(137, 180, 250, 0.4);
-          transition: all 0.2s ease;
-          font-weight: 500;
-        }
-        .google-oauth-link:hover {
-          color: #a8c5ff;
-          border-bottom-color: #89b4fa;
-        }
-        .google-oauth-code {
-          background: rgba(137, 180, 250, 0.15);
-          color: #89b4fa;
-          padding: 4px 10px;
-          border-radius: 6px;
-          font-size: 12px;
-          word-break: break-all;
-          font-weight: 500;
-          font-family: 'Monaco', 'Menlo', monospace;
-        }
-        .google-oauth-field {
-          margin-bottom: 18px;
-        }
-        .integration-field-label {
-          display: block;
-          margin-bottom: 8px;
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-          letter-spacing: 0.3px;
-        }
-        .integration-field-required {
-          color: #f38ba8;
-        }
-        .integration-field-input {
-          width: 100%;
-          background: rgba(30, 30, 46, 0.6);
-          border: 1.5px solid rgba(137, 180, 250, 0.2);
-          color: #cdd6f4;
-          padding: 11px 14px;
-          border-radius: 8px;
-          font-size: 13px;
-          transition: all 0.2s ease;
-          font-weight: 500;
-        }
-        .integration-field-input:focus {
-          outline: none;
-          border-color: #89b4fa;
-          background: rgba(30, 30, 46, 0.8);
-          box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.15);
-        }
-        .google-oauth-authorize-btn {
-          display: inline-block;
-          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
-          color: #1e1e2e;
-          padding: 12px 32px;
-          border-radius: 8px;
-          text-decoration: none;
-          font-weight: 700;
-          font-size: 14px;
-          margin-bottom: 20px;
-          transition: all 0.25s ease;
-          border: none;
-          cursor: pointer;
-          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
-          letter-spacing: 0.3px;
-        }
-        .google-oauth-authorize-btn:hover {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
-          background: linear-gradient(135deg, #a8c5ff 0%, #8eb8ff 100%);
-        }
-        .google-oauth-waiting {
-          display: flex;
-          align-items: center;
-          gap: 12px;
-          color: #a6adc8;
-          font-size: 13px;
-          margin-bottom: 20px;
-          background: rgba(137, 180, 250, 0.08);
-          padding: 14px 16px;
-          border-radius: 8px;
-          border-left: 3px solid #89b4fa;
-          font-weight: 500;
-        }
-        .google-oauth-spinner {
-          display: inline-block;
-          width: 16px;
-          height: 16px;
-          border: 2.5px solid rgba(137, 180, 250, 0.25);
-          border-top-color: #89b4fa;
-          border-radius: 50%;
-          animation: google-spin 0.8s linear infinite;
-          flex-shrink: 0;
-        }
-        @keyframes google-spin {
-          to { transform: rotate(360deg); }
-        }
-        .google-oauth-connected-info {
-          display: flex;
-          align-items: center;
-          gap: 14px;
-          margin-bottom: 20px;
-          background: rgba(166, 227, 161, 0.08);
-          padding: 16px;
-          border-radius: 10px;
-          border-left: 3px solid #a6e3a1;
-        }
-        .google-oauth-connected-badge {
-          background: linear-gradient(135deg, rgba(166, 227, 161, 0.3) 0%, rgba(166, 227, 161, 0.15) 100%);
-          color: #a6e3a1;
-          padding: 6px 14px;
-          border-radius: 6px;
-          font-size: 12px;
-          font-weight: 700;
-          letter-spacing: 0.4px;
-          text-transform: uppercase;
-          border: 1px solid rgba(166, 227, 161, 0.3);
-          flex-shrink: 0;
-        }
-        .google-oauth-email {
-          color: #cdd6f4;
-          font-size: 14px;
-          font-weight: 600;
-          letter-spacing: 0.2px;
-        }
-        .integration-form-actions {
-          display: flex;
-          gap: 12px;
-          justify-content: flex-end;
-          margin-top: 24px;
-          padding-top: 20px;
-          border-top: 1px solid rgba(137, 180, 250, 0.1);
-        }
-        .integration-btn {
-          padding: 10px 24px;
-          border-radius: 8px;
-          font-weight: 600;
-          font-size: 13px;
-          border: none;
-          cursor: pointer;
-          transition: all 0.2s ease;
-          letter-spacing: 0.3px;
-        }
-        .integration-btn.save {
-          background: linear-gradient(135deg, #89b4fa 0%, #7aa3f0 100%);
-          color: #1e1e2e;
-          box-shadow: 0 4px 12px rgba(137, 180, 250, 0.25);
-        }
-        .integration-btn.save:hover:not(:disabled) {
-          transform: translateY(-2px);
-          box-shadow: 0 6px 16px rgba(137, 180, 250, 0.35);
-        }
-        .integration-btn.cancel {
-          background: rgba(137, 180, 250, 0.1);
-          color: #89b4fa;
-          border: 1.5px solid rgba(137, 180, 250, 0.2);
-        }
-        .integration-btn.cancel:hover:not(:disabled) {
-          background: rgba(137, 180, 250, 0.15);
-          border-color: #89b4fa;
-        }
-        .integration-btn:disabled {
-          opacity: 0.5;
-          cursor: not-allowed;
-        }
-      `})]})}export{L as GoogleOAuthSetup};

package/dist/assets/IntegrationsPanel-C0JSiDOw.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/GmailOAuthSetup-CO2LqLvU.js","assets/main-BsOvZp5M.js","assets/modulepreload-polyfill-B5Qt9EMX.js","assets/vendor-react--Eh9ivFN.js","assets/vendor-three-Chj50gSY.js","assets/main-3GpIvzEr.css","assets/GoogleOAuthSetup-OVzavssB.js"])))=>i.map(i=>d[i]);
-import{r as c,W as I,l as w,j as e,z as B,aO as R}from"./main-BsOvZp5M.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";const z={"gmail-oauth":c.lazy(()=>R(()=>import("./GmailOAuthSetup-CO2LqLvU.js"),__vite__mapDeps([0,1,2,3,4,5])).then(s=>({default:s.GmailOAuthSetup}))),"google-oauth":c.lazy(()=>R(()=>import("./GoogleOAuthSetup-OVzavssB.js"),__vite__mapDeps([6,1,2,3,4,5])).then(s=>({default:s.GoogleOAuthSetup})))},E={gmail:"✉️",slack:"💬",jira:"📋","google-calendar":"📅",docx:"📄"},N={gmail:"Send and receive emails through Gmail. Supports OAuth 2.0 authentication for secure access to your inbox.",slack:"Connect to Slack workspaces. Send messages, receive notifications, and integrate with channels.",jira:"Manage Jira issues and projects. Create tickets, track progress, and handle service desk requests.","google-calendar":"Access Google Calendar events. Create, update, and monitor calendar entries.",docx:"Generate and manipulate DOCX documents. Create reports, templates, and formatted documents."},A={gmail:["Google Cloud Console project","OAuth 2.0 credentials (Client ID & Secret)","Gmail API enabled"],slack:["Slack App with Bot Token and App-Level Token (Socket Mode)",'Enable Socket Mode in your app settings under "Socket Mode"','Enable Events in the "Event Subscriptions" section of your app config',"Subscribe to bot events: message.channels, message.groups, message.im","Required Bot Token scopes: channels:history, channels:read, chat:write, groups:history, groups:read, im:history, im:read, users:read"],jira:["Jira Cloud instance URL","API Token (from Atlassian account)","Account email address"],"google-calendar":["Google Cloud Console project","OAuth 2.0 credentials","Calendar API enabled"],docx:["No external credentials required","Templates directory (optional)"]},o={overlay:{position:"fixed",inset:0,background:"rgba(0, 0, 0, 0.6)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4,backdropFilter:"blur(4px)",animation:"fadeIn 0.15s ease-out"},modal:{background:"var(--surface-0, #1e1e2e)",borderRadius:12,border:"1px solid var(--border, #313244)",width:"90vw",maxWidth:720,maxHeight:"85vh",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"0 20px 60px rgba(0, 0, 0, 0.5)",animation:"slideUp 0.2s ease-out"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid var(--border, #313244)",background:"var(--surface-1, #181825)"},headerTitle:{fontSize:16,fontWeight:600,color:"var(--text-primary, #cdd6f4)",display:"flex",alignItems:"center",gap:8},closeBtn:{background:"none",border:"none",color:"var(--text-secondary, #a6adc8)",fontSize:20,cursor:"pointer",padding:"4px 8px",borderRadius:6,lineHeight:1},tabs:{display:"flex",borderBottom:"1px solid var(--border, #313244)",background:"var(--surface-1, #181825)",overflowX:"auto",scrollbarWidth:"none"},tab:s=>({padding:"10px 16px",background:"none",border:"none",borderBottom:s?"2px solid var(--accent, #89b4fa)":"2px solid transparent",color:s?"var(--accent, #89b4fa)":"var(--text-secondary, #a6adc8)",fontSize:13,fontWeight:s?600:400,cursor:"pointer",display:"flex",alignItems:"center",gap:6,whiteSpace:"nowrap",transition:"color 0.15s, border-color 0.15s",flexShrink:0}),tabStatus:(s,u)=>({width:6,height:6,borderRadius:"50%",background:u?"#f38ba8":s?"#a6e3a1":"#fab387",flexShrink:0}),body:{flex:1,overflow:"auto",padding:20},integrationHeader:{display:"flex",alignItems:"flex-start",gap:12,marginBottom:16},iconCircle:{width:44,height:44,borderRadius:10,background:"var(--surface-1, #181825)",border:"1px solid var(--border, #313244)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:22,flexShrink:0},integrationMeta:{flex:1},integrationName:{fontSize:15,fontWeight:600,color:"var(--text-primary, #cdd6f4)",marginBottom:4,display:"flex",alignItems:"center",gap:8},description:{fontSize:13,color:"var(--text-secondary, #a6adc8)",lineHeight:1.5},statusBadge:(s,u)=>({display:"inline-flex",alignItems:"center",gap:4,padding:"2px 8px",borderRadius:10,fontSize:11,fontWeight:600,background:u?"rgba(243, 139, 168, 0.15)":s?"rgba(166, 227, 161, 0.15)":"rgba(250, 179, 135, 0.15)",color:u?"#f38ba8":s?"#a6e3a1":"#fab387"}),section:{marginTop:16,padding:12,borderRadius:8,background:"var(--surface-1, #181825)",border:"1px solid var(--border, #313244)"},sectionTitle:{fontSize:12,fontWeight:600,color:"var(--text-secondary, #a6adc8)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:8},requirementList:{listStyle:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:4},requirementItem:{fontSize:12,color:"var(--text-secondary, #a6adc8)",display:"flex",alignItems:"center",gap:6},formSection:{marginTop:16},formSectionTitle:{fontSize:12,fontWeight:600,color:"var(--text-secondary, #a6adc8)",textTransform:"uppercase",letterSpacing:"0.5px",marginBottom:12}};function O({integration:s,onSave:u,onCancel:g}){const[p,T]=c.useState({...s.values}),[m,x]=c.useState({}),[h,C]=c.useState(!1),[y,b]=c.useState(!1);c.useEffect(()=>{T({...s.values}),x({}),b(!1)},[s.id]);const f=(t,l)=>{T(r=>({...r,[t]:l})),x(r=>{const i={...r};return delete i[t],i}),b(!1)},k=async t=>{t.preventDefault();const l={};for(const r of s.schema)if(r.required&&!p[r.key]&&p[r.key]!==0&&p[r.key]!==!1&&(l[r.key]=`${r.label} is required`),r.validate){const i=r.validate(p[r.key]);i&&(l[r.key]=i)}if(Object.keys(l).length>0){x(l);return}C(!0);try{await u(p),b(!0),setTimeout(()=>b(!1),3e3)}catch(r){x({_form:String(r)})}finally{C(!1)}},v=new Map;for(const t of s.schema){const l=t.group||"";v.has(l)||v.set(l,[]),v.get(l).push(t)}const n={display:"flex",flexDirection:"column",gap:4,marginBottom:12},a={fontSize:13,fontWeight:500,color:"var(--text-primary, #cdd6f4)"},d={padding:"8px 10px",borderRadius:6,border:"1px solid var(--border, #313244)",background:"var(--surface-0, #1e1e2e)",color:"var(--text-primary, #cdd6f4)",fontSize:13,outline:"none",width:"100%",boxSizing:"border-box"},S={fontSize:11,color:"var(--text-secondary, #a6adc8)"},j={fontSize:11,color:"#f38ba8"},_=t=>{var r;const l=p[t.key]??t.defaultValue??"";switch(t.type){case"boolean":return e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:8,fontSize:13,color:"var(--text-primary, #cdd6f4)",cursor:"pointer"},children:[e.jsx("input",{type:"checkbox",checked:!!l,onChange:i=>f(t.key,i.target.checked)}),t.label]});case"select":return e.jsxs("select",{style:d,value:String(l),onChange:i=>f(t.key,i.target.value),children:[e.jsx("option",{value:"",children:t.placeholder||"Select..."}),(r=t.options)==null?void 0:r.map(i=>e.jsx("option",{value:i.value,children:i.label},i.value))]});case"textarea":return e.jsx("textarea",{style:{...d,resize:"vertical",minHeight:80},value:String(l),placeholder:t.placeholder,onChange:i=>f(t.key,i.target.value),rows:4});case"number":return e.jsx("input",{type:"number",style:d,value:l===""?"":Number(l),placeholder:t.placeholder,onChange:i=>f(t.key,i.target.value===""?"":Number(i.target.value))});case"password":return e.jsx("input",{type:"password",style:d,value:String(l),placeholder:t.placeholder,onChange:i=>f(t.key,i.target.value),autoComplete:"off"});default:return e.jsx("input",{type:t.type,style:d,value:String(l),placeholder:t.placeholder,onChange:i=>f(t.key,i.target.value)})}};return e.jsxs("form",{onSubmit:k,children:[m._form&&e.jsx("div",{style:{...j,marginBottom:12,padding:"8px 10px",borderRadius:6,background:"rgba(243, 139, 168, 0.1)"},children:m._form}),Array.from(v.entries()).map(([t,l])=>e.jsxs("div",{children:[t&&e.jsx("div",{style:{...o.sectionTitle,marginTop:16,marginBottom:8},children:t}),l.map(r=>e.jsxs("div",{style:n,children:[r.type!=="boolean"&&e.jsxs("label",{style:a,children:[r.label,r.required&&e.jsx("span",{style:{color:"#f38ba8",marginLeft:2},children:"*"})]}),_(r),r.description&&e.jsx("span",{style:S,children:r.description}),m[r.key]&&e.jsx("span",{style:j,children:m[r.key]})]},r.key))]},t||"_default")),e.jsxs("div",{style:{display:"flex",gap:8,justifyContent:"flex-end",marginTop:16,paddingTop:12,borderTop:"1px solid var(--border, #313244)"},children:[e.jsx("button",{type:"button",onClick:g,style:{padding:"8px 16px",borderRadius:6,border:"1px solid var(--border, #313244)",background:"none",color:"var(--text-secondary, #a6adc8)",fontSize:13,cursor:"pointer"},children:"Cancel"}),e.jsx("button",{type:"submit",disabled:h,style:{padding:"8px 16px",borderRadius:6,border:"none",background:y?"#a6e3a1":"var(--accent, #89b4fa)",color:"#1e1e2e",fontSize:13,fontWeight:600,cursor:h?"wait":"pointer",opacity:h?.7:1},children:h?"Saving...":y?"Saved":"Save Configuration"})]})]})}function L({isOpen:s,onClose:u,initialTab:g}){const[p,T]=c.useState([]),[m,x]=c.useState(g||null),[h,C]=c.useState(!0),[y,b]=c.useState(null),f=c.useRef(g||null),k=c.useCallback(async()=>{try{const a=await I(w("/api/integrations"));if(!a.ok)throw new Error(`HTTP ${a.status}`);const d=await a.json();T(d),b(null),x(S=>{const j=S||g||(d.length>0?d[0].id:null);return f.current=j,j})}catch(a){b(`Failed to load integrations: ${a}`)}finally{C(!1)}},[g]);c.useEffect(()=>{s&&(C(!0),k(),g&&x(g))},[s,g]);const v=c.useCallback(async(a,d)=>{const S=await I(w(`/api/integrations/${a}/config`),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)});if(!S.ok){const j=await S.json().catch(()=>({}));throw new Error(j.error||`HTTP ${S.status}`)}await k()},[k]);if(!s)return null;const n=p.find(a=>a.id===m);return e.jsx("div",{style:o.overlay,onClick:u,children:e.jsxs("div",{style:o.modal,onClick:a=>a.stopPropagation(),children:[e.jsxs("div",{style:o.header,children:[e.jsxs("div",{style:o.headerTitle,children:[e.jsx("span",{children:"🔌"}),e.jsx("span",{children:"Integrations"})]}),e.jsx("button",{style:o.closeBtn,onClick:u,title:"Close",children:"×"})]}),h&&e.jsx("div",{style:{padding:40,textAlign:"center",color:"var(--text-secondary, #a6adc8)"},children:"Loading integrations..."}),y&&e.jsxs("div",{style:{padding:20,textAlign:"center"},children:[e.jsx("div",{style:{color:"#f38ba8",marginBottom:8},children:y}),e.jsx("button",{onClick:k,style:{padding:"6px 12px",borderRadius:6,border:"1px solid var(--border, #313244)",background:"none",color:"var(--text-primary, #cdd6f4)",cursor:"pointer",fontSize:13},children:"Retry"})]}),!h&&!y&&p.length>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:o.tabs,children:p.map(a=>e.jsxs("button",{style:o.tab(m===a.id),onClick:()=>x(a.id),children:[e.jsx("span",{children:E[a.id]||"🔌"}),e.jsx("span",{children:a.name}),e.jsx("span",{style:o.tabStatus(a.status.connected,!!a.status.error)})]},a.id))}),e.jsx("div",{style:o.body,children:n&&e.jsxs("div",{children:[e.jsxs("div",{style:o.integrationHeader,children:[e.jsx("div",{style:o.iconCircle,children:E[n.id]||"🔌"}),e.jsxs("div",{style:o.integrationMeta,children:[e.jsxs("div",{style:o.integrationName,children:[n.name,e.jsx("span",{style:o.statusBadge(n.status.connected,!!n.status.error),children:n.status.error?"✗ Error":n.status.connected?"✓ Connected":"⚠ Not Configured"})]}),e.jsx("div",{style:o.description,children:N[n.id]||n.description})]})]}),n.status.error&&e.jsxs("div",{style:{...o.section,borderColor:"rgba(243, 139, 168, 0.3)",background:"rgba(243, 139, 168, 0.05)"},children:[e.jsx("div",{style:{...o.sectionTitle,color:"#f38ba8"},children:"Error"}),e.jsx("div",{style:{fontSize:12,color:"#f38ba8"},children:n.status.error})]}),A[n.id]&&e.jsxs("div",{style:o.section,children:[e.jsx("div",{style:o.sectionTitle,children:"Requirements"}),e.jsx("ul",{style:o.requirementList,children:A[n.id].map((a,d)=>e.jsxs("li",{style:o.requirementItem,children:[e.jsx("span",{style:{color:"var(--accent, #89b4fa)"},children:"•"}),a]},d))})]}),e.jsxs("div",{style:o.formSection,children:[e.jsx("div",{style:o.formSectionTitle,children:"Configuration"}),n.customComponent&&z[n.customComponent]?e.jsx(c.Suspense,{fallback:e.jsx("div",{style:{color:"var(--text-secondary)",fontSize:13},children:"Loading..."}),children:B.createElement(z[n.customComponent],{key:n.id,integration:n,onSave:a=>v(n.id,a),onCancel:u})}):e.jsx(O,{integration:n,onSave:a=>v(n.id,a),onCancel:u})]})]})})]}),!h&&!y&&p.length===0&&e.jsx("div",{style:{padding:40,textAlign:"center",color:"var(--text-secondary, #a6adc8)"},children:"No integrations available."})]})})}export{L as IntegrationsPanel};

package/dist/assets/SpawnModal-Ch7yKsdS.js

@@ -1 +0,0 @@
-import{u as Ve,I as Ze,M as Qe,N as es,O as ss,P as ns,r as t,U as as,S as ke,V as te,A as ye,l as le,W as ts,s as B,h as ls,j as s,X as os,C as Ae,Y as x,Z as is,_ as oe,$ as G,a0 as K,a1 as ie,a2 as cs}from"./main-BsOvZp5M.js";import"./modulepreload-polyfill-B5Qt9EMX.js";import"./vendor-react--Eh9ivFN.js";import"./vendor-three-Chj50gSY.js";function De(c,j){const S=j.filter(b=>!c.has(b));return S.length===0?`${j[Math.floor(Math.random()*j.length)]}-${Date.now()%1e3}`:S[Math.floor(Math.random()*S.length)]}function us({isOpen:c,onClose:j,onSpawnStart:S,onSpawnEnd:b,spawnPosition:Ee,spawnAreaId:v}){const{t:n}=Ve(["terminal","common"]),C=Ze(),$=Qe(),p=es(),ce=ss(),H=ce.length>0?ce:ns,[m,N]=t.useState(""),[M,P]=t.useState(()=>as(ke.LAST_CWD)),[i,Y]=t.useState("scout"),[re,D]=t.useState(!1),[Ie,T]=t.useState(!1),[de,J]=t.useState(!1),[pe,me]=t.useState(""),[k,X]=t.useState([]),[y,F]=t.useState(null),[Le,ue]=t.useState(!1),[E,he]=t.useState(""),[u,_e]=t.useState(""),[R,$e]=t.useState(!0),[U,Pe]=t.useState("bypass"),[o,V]=t.useState("claude"),[g,I]=t.useState({fullAuto:!0,sandbox:"workspace-write",approvalMode:"on-request",search:!1}),[we,Z]=t.useState(new Set),[Q,xe]=t.useState("opus"),[ee,fe]=t.useState("high"),[se,Te]=t.useState("gpt-5.3-codex"),[ne,Fe]=t.useState("minimax/MiniMax-M1-80k"),[je,Re]=t.useState(""),[A,Ue]=t.useState(""),z=t.useRef(null),ge=t.useRef(!1),L=t.useCallback(()=>{window.__spawnModalAreaContext=null},[]),h=t.useMemo(()=>$.filter(e=>e.enabled),[$]),ze=["full-notifications","streaming-exec","task-label","report-task-to-boss","agent-tracking"];t.useEffect(()=>{if(c&&!ge.current&&h.length>0){const a=h.filter(l=>ze.includes(l.slug)).map(l=>l.id);a.length>0&&Z(new Set(a))}ge.current=c},[c,h]);const ve=t.useMemo(()=>{if(!A.trim())return h;const e=A.toLowerCase();return h.filter(a=>a.name.toLowerCase().includes(e)||a.description.toLowerCase().includes(e)||a.slug.toLowerCase().includes(e))},[h,A]),qe=t.useCallback(e=>{Z(a=>{const l=new Set(a);return l.has(e)?l.delete(e):l.add(e),l})},[]);t.useMemo(()=>h.filter(e=>e.assignedAgentClasses.includes(i)),[h,i]);const We=t.useMemo(()=>{var a;const e=p.find(l=>l.id===i);return(a=e==null?void 0:e.defaultSkillIds)!=null&&a.length?$.filter(l=>e.defaultSkillIds.includes(l.id)):[]},[p,i,$]),Ne=t.useMemo(()=>{if(!E.trim())return k;const e=E.toLowerCase();return k.filter(a=>a.sessionId.toLowerCase().includes(e)||a.projectPath.toLowerCase().includes(e)||a.firstMessage&&a.firstMessage.toLowerCase().includes(e))},[k,E]),q=t.useMemo(()=>{if(!u.trim())return p;const e=u.toLowerCase();return p.filter(a=>a.name.toLowerCase().includes(e)||a.description.toLowerCase().includes(e)||a.id.toLowerCase().includes(e))},[p,u]),W=t.useMemo(()=>{if(!u.trim())return te;const e=u.toLowerCase();return te.filter(a=>{const l=ye[a.id];return a.name.toLowerCase().includes(e)||a.id.toLowerCase().includes(e)||l.description.toLowerCase().includes(e)})},[u]);t.useEffect(()=>{if(!c||!u.trim())return;const e=[...q.map(a=>a.id),...W.map(a=>a.id)];e.length===1&&e[0]!==i&&Y(e[0])},[c,u,q,W,i]);const r=t.useMemo(()=>p.find(e=>e.id===i),[p,i]),Oe=t.useMemo(()=>{if(r!=null&&r.model)return r.model},[r]),Be=t.useMemo(()=>{if(r!=null&&r.customModelPath)return le(`/api/custom-models/${r.id}`)},[r]),Ge=r==null?void 0:r.modelScale,Ke=t.useMemo(()=>r?"scout":i,[i,r]),O=t.useCallback(async e=>{ue(!0);try{const a=e?le(`/api/agents/claude-sessions?cwd=${encodeURIComponent(e)}`):le("/api/agents/claude-sessions"),d=await(await ts(a)).json();X(d.sessions||[])}catch(a){console.error("Failed to fetch sessions:",a),X([])}finally{ue(!1)}},[]);t.useEffect(()=>{c?O(M||void 0):(X([]),F(null),he(""))},[c,O]),t.useEffect(()=>{if(!c)return;const e=setTimeout(()=>{O(M||void 0),F(null)},300);return()=>clearTimeout(e)},[M,c,O]),t.useEffect(()=>{if(!c||!v)return;const e=B.getState().areas.get(v);if(e!=null&&e.directories&&e.directories.length>0){P(e.directories[0]);return}const a=Array.from(C.values()).filter(f=>{var _;return((_=B.getAreaForAgent(f.id))==null?void 0:_.id)===v&&f.cwd});if(a.length===0)return;const l=new Map;for(const f of a)l.set(f.cwd,(l.get(f.cwd)||0)+1);let d="",w=0;for(const[f,_]of l)_>w&&(d=f,w=_);d&&P(d)},[c,v,C]),t.useEffect(()=>{if(c){const e=new Set(Array.from(C.values()).map(w=>w.name)),a=De(e,H),l=p.find(w=>w.id===i),d=l?`${l.name} ${a}`:a;N(d),z.current&&(z.current.focus(),z.current.select())}},[c,C,H]),t.useEffect(()=>{if(!c)return;new Set(Array.from(C.values()).map(a=>a.name));const e=p.find(a=>a.id===i);if(e){const a=p.find(l=>m.startsWith(l.name+" "));if(a){const l=m.substring(a.name.length+1);N(`${e.name} ${l}`)}else N(`${e.name} ${m}`)}else{const a=p.find(l=>m.startsWith(l.name+" "));if(a){const l=m.substring(a.name.length+1);N(l)}}},[i]),t.useEffect(()=>{i==="boss"&&xe("opus")},[i]);const He=()=>{var d;console.log("[SpawnModal] handleSpawn called"),T(!1);const e=y&&((d=k.find(w=>w.sessionId===y))==null?void 0:d.projectPath)||M;if(console.log("[SpawnModal] Effective CWD:",e),console.log("[SpawnModal] Agent name:",m),console.log("[SpawnModal] Agent class:",i),console.log("[SpawnModal] Permission mode:",U),console.log("[SpawnModal] Provider:",o),console.log("[SpawnModal] Use Chrome:",R),console.log("[SpawnModal] Session ID:",y||"none"),!e.trim()){console.error("[SpawnModal] Empty CWD, showing error"),T(!0);return}if(!m.trim()){console.log("[SpawnModal] Empty name, regenerating");const w=new Set(Array.from(C.values()).map(f=>f.name));N(De(w,H));return}cs(ke.LAST_CWD,e),D(!0),S();const a=Array.from(we),l=je.trim()||void 0;console.log("[SpawnModal] Calling store.spawnAgent with:",{name:m.trim(),class:i,cwd:e.trim(),sessionId:y||void 0,useChrome:o==="claude"?R:!1,permissionMode:U,provider:o,codexConfig:o==="codex"?g:void 0,codexModel:o==="codex"?se:void 0,opencodeModel:o==="opencode"?ne:void 0,initialSkillIds:a,model:o==="claude"?Q:void 0,customInstructions:l?`${l.length} chars`:void 0,spawnAreaId:v||void 0}),window.__spawnModalAreaContext=v?{areaId:v}:null,B.spawnAgent(m.trim(),i,e.trim(),Ee||void 0,y||void 0,o==="claude"?R:!1,U,a,o,o==="codex"?g:void 0,o==="codex"?se:void 0,o==="claude"?Q:void 0,l,o==="claude"?ee:void 0,o==="opencode"?ne:void 0)},Se=()=>{console.log("[SpawnModal] Agent creation successful"),D(!1),N(""),Z(new Set),L(),b(),j()},be=()=>{console.error("[SpawnModal] Agent creation failed"),D(!1),T(!0),L(),b()},Ce=e=>{console.log("[SpawnModal] Directory not found:",e),D(!1),me(e),J(!0),b()},Me=()=>{J(!1),D(!0),S(),B.createDirectoryAndSpawn(pe,m.trim(),i)},ae=()=>{J(!1),me(""),L()};t.useEffect(()=>(window.__spawnModalSuccess=Se,window.__spawnModalError=be,window.__spawnModalDirNotFound=Ce,()=>{L(),delete window.__spawnModalSuccess,delete window.__spawnModalError,delete window.__spawnModalDirNotFound}),[m,i,Se,be,Ce,L]);const{handleMouseDown:Ye,handleClick:Je}=ls(j),Xe=e=>{e.key==="Escape"&&j()};return!c&&!de?null:de?s.jsx("div",{className:"modal-overlay visible",onClick:ae,onKeyDown:e=>{e.key==="Escape"&&ae(),e.key==="Enter"&&Me()},children:s.jsxs("div",{className:"modal confirm-modal",onClick:e=>e.stopPropagation(),children:[s.jsx("div",{className:"modal-header",children:n("terminal:spawn.directoryNotFound")}),s.jsxs("div",{className:"modal-body confirm-modal-body",children:[s.jsx("p",{children:n("terminal:spawn.directoryNotExist")}),s.jsx("code",{className:"confirm-modal-path",children:pe}),s.jsx("p",{children:n("terminal:spawn.wouldYouCreate")})]}),s.jsxs("div",{className:"modal-footer",children:[s.jsx("button",{className:"btn btn-secondary",onClick:ae,children:n("common:buttons.cancel")}),s.jsx("button",{className:"btn btn-primary",onClick:Me,autoFocus:!0,children:n("terminal:spawn.createDirectory")})]})]})}):s.jsx("div",{className:`modal-overlay ${c?"visible":""}`,onMouseDown:Ye,onClick:Je,onKeyDown:Xe,children:s.jsxs("div",{className:"modal spawn-modal",children:[s.jsx("div",{className:"modal-header",children:n("terminal:spawn.deployTitle")}),s.jsxs("div",{className:"modal-body spawn-modal-body",children:[s.jsxs("div",{className:"spawn-top-section",children:[s.jsx("div",{className:"spawn-preview-compact",children:s.jsx(os,{agentClass:Ke,modelFile:Oe,customModelUrl:Be,modelScale:Ge,width:100,height:120})}),s.jsxs("div",{className:"spawn-class-section",children:[s.jsx("div",{className:"spawn-class-label",children:n("terminal:spawn.agentClass")}),p.length+te.length>6&&s.jsx("input",{type:"text",className:"spawn-input class-search-input",placeholder:n("terminal:spawn.filterClasses"),value:u,onChange:e=>_e(e.target.value)}),s.jsxs("div",{className:"class-selector-inline",children:[q.map(e=>s.jsxs("button",{className:`class-chip ${i===e.id?"selected":""}`,onClick:()=>Y(e.id),title:e.description,children:[s.jsx(Ae,{classId:e.id,size:18,className:"class-chip-icon"}),s.jsx("span",{className:"class-chip-name",children:e.name})]},e.id)),W.map(e=>{const a=ye[e.id];return s.jsxs("button",{className:`class-chip ${i===e.id?"selected":""}`,onClick:()=>Y(e.id),title:a.description,children:[s.jsx(Ae,{classId:e.id,size:18,className:"class-chip-icon"}),s.jsx("span",{className:"class-chip-name",children:e.name})]},e.id)}),u&&q.length===0&&W.length===0&&s.jsx("div",{className:"class-search-empty",children:n("terminal:spawn.noClassesMatch",{query:u})})]})]})]}),s.jsxs("div",{className:"spawn-form-section",children:[s.jsxs("div",{className:"spawn-form-row",children:[s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("common:labels.name")}),s.jsx("input",{ref:z,type:"text",className:"spawn-input",placeholder:n("terminal:spawn.agentNamePlaceholder"),value:m,onChange:e=>N(e.target.value)})]}),s.jsxs("div",{className:"spawn-field spawn-field-wide",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.workingDir"),s.jsx(x,{text:n("terminal:spawn.helpWorkingDir"),title:n("terminal:spawn.workingDir"),position:"top",size:"sm"})]}),s.jsx(is,{value:M,onChange:e=>{P(e),T(!1)},placeholder:n("terminal:spawn.workingDirPlaceholder"),className:`spawn-input ${Ie?"error":""}`,directoriesOnly:!0})]})]}),s.jsxs("div",{className:"spawn-form-row",children:[s.jsxs("div",{className:"spawn-field",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.selectRuntime"),s.jsx(x,{text:n("terminal:spawn.helpRuntime"),title:n("terminal:spawn.runtimeTitle"),position:"top",size:"sm"})]}),s.jsxs("div",{className:"spawn-select-row",children:[s.jsxs("button",{className:`spawn-select-btn ${o==="claude"?"selected":""}`,onClick:()=>V("claude"),title:n("terminal:spawn.useClaudeCli"),children:[s.jsx("img",{src:"/assets/claude.ico",alt:"Claude",className:"spawn-provider-icon"}),s.jsx("span",{children:"Claude"})]}),s.jsxs("button",{className:`spawn-select-btn ${o==="codex"?"selected":""}`,onClick:()=>V("codex"),title:n("terminal:spawn.useCodexCli"),children:[s.jsx("img",{src:"/assets/codex.ico",alt:"Codex",className:"spawn-provider-icon"}),s.jsx("span",{children:"Codex"})]}),s.jsxs("button",{className:`spawn-select-btn spawn-select-btn--opencode ${o==="opencode"?"selected":""}`,onClick:()=>V("opencode"),title:"Use OpenCode CLI (multi-provider)",children:[s.jsx("span",{children:"🟢"}),s.jsx("span",{children:"OpenCode"})]})]})]}),s.jsxs("div",{className:"spawn-field",children:[s.jsxs("label",{className:"spawn-label",children:[n("common:labels.permissions"),s.jsx(x,{text:n("terminal:spawn.helpPermission"),title:n("terminal:spawn.permissionMode"),position:"top",size:"sm"})]}),s.jsx("div",{className:"spawn-select-row",children:Object.keys(oe).map(e=>s.jsxs("button",{className:`spawn-select-btn ${U===e?"selected":""}`,onClick:()=>Pe(e),title:oe[e].description,children:[s.jsx("span",{children:e==="bypass"?"⚡":"🔐"}),s.jsx("span",{children:oe[e].label})]},e))})]})]}),s.jsxs("div",{className:"spawn-form-row",children:[s.jsxs("div",{className:"spawn-field",children:[s.jsxs("label",{className:"spawn-label",children:[n("common:labels.model"),s.jsx(x,{text:n("terminal:spawn.helpModel"),title:n("terminal:spawn.modelTitle"),position:"top",size:"sm"})]}),o==="claude"?s.jsx("div",{className:"spawn-select-row",children:Object.keys(G).map(e=>s.jsxs("button",{className:`spawn-select-btn ${Q===e?"selected":""}`,onClick:()=>xe(e),title:G[e].description,children:[s.jsx("span",{children:G[e].icon}),s.jsx("span",{children:G[e].label})]},e))}):o==="codex"?s.jsx("div",{className:"spawn-select-row spawn-select-row--codex-models",children:Object.keys(K).map(e=>s.jsxs("button",{className:`spawn-select-btn ${se===e?"selected":""}`,onClick:()=>Te(e),title:K[e].description,children:[s.jsx("span",{children:K[e].icon}),s.jsx("span",{children:K[e].label})]},e))}):o==="opencode"?s.jsx("input",{type:"text",className:"spawn-input",value:ne,onChange:e=>Fe(e.target.value),placeholder:"provider/model (e.g., minimax/MiniMax-M1-80k)"}):s.jsx("div",{className:"spawn-inline-hint",children:n("terminal:spawn.chooseCodexModel")})]}),o==="claude"&&s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:"Effort"}),s.jsxs("div",{className:"spawn-select-row spawn-select-row--effort",children:[s.jsx("button",{className:`spawn-select-btn spawn-select-btn--compact ${ee===void 0?"selected":""}`,onClick:()=>fe(void 0),title:"Use default effort level",children:s.jsx("span",{children:"Default"})}),Object.keys(ie).map(e=>s.jsx("button",{className:`spawn-select-btn spawn-select-btn--compact ${ee===e?"selected":""}`,onClick:()=>fe(e),title:ie[e].description,children:s.jsx("span",{children:ie[e].label})},e))]})]}),s.jsxs("div",{className:"spawn-field",children:[s.jsx("label",{className:"spawn-label",children:n("terminal:spawn.browser")}),s.jsx("div",{className:"spawn-form-row spawn-options-row",children:s.jsxs("label",{className:"spawn-checkbox",children:[s.jsx("input",{type:"checkbox",checked:R,onChange:e=>$e(e.target.checked),disabled:o!=="claude"}),s.jsxs("span",{children:["🌐 ",n("terminal:spawn.chromeBrowser")]}),s.jsx(x,{text:n(o==="claude"?"terminal:spawn.helpChrome":"terminal:spawn.helpChromeDisabled"),title:n("terminal:spawn.chromeBrowser"),position:"top",size:"sm"})]})})]})]}),o==="codex"&&s.jsxs("div",{className:"codex-config-section",children:[s.jsx("div",{className:"codex-config-title",children:n("terminal:spawn.codex.configuration")}),s.jsxs("div",{className:"codex-config-options",children:[s.jsxs("div",{className:"codex-option-group",children:[s.jsxs("label",{className:"spawn-checkbox",children:[s.jsx("input",{type:"checkbox",checked:g.fullAuto!==!1,onChange:e=>I(a=>({...a,fullAuto:e.target.checked}))}),s.jsx("span",{children:n("terminal:spawn.codex.fullAuto")}),s.jsx(x,{text:n("terminal:spawn.helpFullAuto"),title:n("terminal:spawn.fullAutoTitle"),position:"top",size:"sm"})]}),s.jsxs("label",{className:"spawn-checkbox",children:[s.jsx("input",{type:"checkbox",checked:!!g.search,onChange:e=>I(a=>({...a,search:e.target.checked}))}),s.jsx("span",{children:n("terminal:spawn.codex.search")}),s.jsx(x,{text:n("terminal:spawn.helpSearch"),title:n("terminal:spawn.searchTitle"),position:"top",size:"sm"})]})]}),g.fullAuto===!1&&s.jsxs("div",{className:"codex-option-group",children:[s.jsx("div",{className:"codex-option-header",children:n("terminal:spawn.codex.restrictions")}),s.jsxs("select",{className:"spawn-input codex-select",value:g.sandbox||"workspace-write",onChange:e=>I(a=>({...a,sandbox:e.target.value})),children:[s.jsxs("option",{value:"read-only",children:["📖 ",n("terminal:spawn.codex.sandboxReadOnly")]}),s.jsxs("option",{value:"workspace-write",children:["✏️  ",n("terminal:spawn.codex.sandboxWorkspaceWrite")]}),s.jsxs("option",{value:"danger-full-access",children:["⚡ ",n("terminal:spawn.codex.sandboxDangerFullAccess")]})]}),s.jsxs("select",{className:"spawn-input codex-select",value:g.approvalMode||"on-request",onChange:e=>I(a=>({...a,approvalMode:e.target.value})),children:[s.jsxs("option",{value:"untrusted",children:["🔒 ",n("terminal:spawn.codex.approvalsUntrusted")]}),s.jsxs("option",{value:"on-failure",children:["⚠️  ",n("terminal:spawn.codex.approvalsOnFailure")]}),s.jsxs("option",{value:"on-request",children:["🤔 ",n("terminal:spawn.codex.approvalsOnRequest")]}),s.jsxs("option",{value:"never",children:["✅ ",n("terminal:spawn.codex.approvalsNever")]})]})]}),s.jsxs("div",{className:"codex-option-group",children:[s.jsx("div",{className:"codex-option-header",children:n("terminal:spawn.codex.profile")}),s.jsx("input",{type:"text",className:"spawn-input codex-profile-input",placeholder:n("terminal:spawn.codex.profilePlaceholder"),value:g.profile||"",onChange:e=>I(a=>({...a,profile:e.target.value||void 0}))})]})]})]}),h.length>0&&s.jsxs("div",{className:"spawn-skills-section",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.skills")," ",s.jsxs("span",{className:"spawn-label-hint",children:["(",n("common:labels.optional"),")"]}),s.jsx(x,{text:n("terminal:spawn.helpSkills"),title:n("terminal:spawn.skillsTitle"),position:"top",size:"sm"})]}),h.length>6&&s.jsx("input",{type:"text",className:"spawn-input skill-search-input",placeholder:n("terminal:spawn.filterSkills"),value:A,onChange:e=>Ue(e.target.value)}),s.jsxs("div",{className:"spawn-skills-inline",children:[ve.map(e=>{const a=we.has(e.id);return We.some(d=>d.id===e.id)?null:s.jsxs("button",{className:`spawn-skill-chip ${a?"selected":""}`,onClick:()=>qe(e.id),title:e.description,children:[a&&s.jsx("span",{className:"spawn-skill-check",children:"✓"}),s.jsx("span",{children:e.name}),e.builtin&&s.jsx("span",{className:"spawn-skill-builtin",children:"TC"})]},e.id)}),A&&ve.length===0&&s.jsx("div",{className:"skill-search-empty",children:n("terminal:spawn.noSkillsMatch",{query:A})})]})]}),s.jsxs("div",{className:"spawn-custom-instructions-section",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.customInstructions")," ",s.jsxs("span",{className:"spawn-label-hint",children:["(",n("common:labels.optional"),")"]}),s.jsx(x,{text:n("terminal:spawn.helpCustomInstructions"),title:n("terminal:spawn.customInstructions"),position:"top",size:"sm"})]}),s.jsx("textarea",{className:"spawn-input spawn-textarea",placeholder:n("terminal:spawn.customInstructionsPlaceholder"),value:je,onChange:e=>Re(e.target.value),rows:3})]}),s.jsxs("div",{className:"spawn-sessions-section",children:[s.jsxs("label",{className:"spawn-label",children:[n("terminal:spawn.linkSession")," ",s.jsxs("span",{className:"spawn-label-hint",children:["(",n("common:labels.optional"),")"]}),s.jsx(x,{text:n("terminal:spawn.helpLinkSession"),title:n("terminal:spawn.linkSessionTitle"),position:"top",size:"sm"})]}),k.length>0&&s.jsx("input",{type:"text",className:"spawn-input session-search-input",placeholder:n("terminal:spawn.searchSessions"),value:E,onChange:e=>he(e.target.value)}),s.jsx("div",{className:"sessions-list",children:Le?s.jsx("div",{className:"sessions-loading",children:n("terminal:spawn.loadingSessions")}):k.length===0?s.jsx("div",{className:"sessions-empty",children:n("terminal:spawn.noSessions")}):Ne.length===0?s.jsx("div",{className:"sessions-empty",children:n("terminal:spawn.noSessionsMatch",{query:E})}):Ne.map(e=>{const a=y===e.sessionId,l=Date.now()-new Date(e.lastModified).getTime(),d=l<6e4?n("common:time.justNow"):l<36e5?n("common:time.minutesAgo",{count:Math.floor(l/6e4)}):l<864e5?n("common:time.hoursAgo",{count:Math.floor(l/36e5)}):n("common:time.daysAgo",{count:Math.floor(l/864e5)});return s.jsxs("div",{className:`session-item ${a?"selected":""}`,onClick:()=>{a?F(null):(F(e.sessionId),P(e.projectPath))},children:[s.jsxs("div",{className:"session-item-header",children:[s.jsx("span",{className:"session-item-path",children:e.projectPath}),s.jsx("span",{className:"session-item-age",children:d})]}),s.jsx("div",{className:"session-item-preview",children:e.firstMessage||n("terminal:spawn.messagesCount",{count:e.messageCount})})]},e.sessionId)})})]})]})]}),s.jsxs("div",{className:"modal-footer",children:[s.jsx("button",{className:"btn btn-secondary",onClick:j,children:n("common:buttons.cancel")}),s.jsx("button",{className:"btn btn-primary",onClick:He,disabled:re,children:n(re?"common:buttons.deploying":"common:buttons2.deploy")})]})]})})}export{us as SpawnModal};