import{j as e}from"./query-CBHSEszN.js";import{a as i}from"./index-BXO8FbHk.js";import"./react-B_PbFb63.js";const a=i.div`
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
`,x=i.h1`
  margin: 0;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  color: #e0e0f0;
  border-bottom: 1px solid #2a2a38;
  background: #0a0a0f;
`,d=i.section`
  padding: 24px 24px 0;
`,r=i.h2`
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a8a9a;
`,t=i.div`
  background: #13131a;
  border: 1px solid #2a2a38;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
`,o=i.div`
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #1e1e2a;
  gap: 16px;

  &:last-child {
    border-bottom: none;
  }
`,n=i.span`
  font-size: 13px;
  color: #d0d0e0;
`,s=i.span`
  font-size: 12px;
  color: #8a8a9a;
  text-align: right;
`,p=i.div`
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 16px;
  border-bottom: 1px solid #1e1e2a;

  &:last-child {
    border-bottom: none;
  }
`,h=i.label`
  font-size: 12px;
  color: #8a8a9a;
`,j=i.input`
  width: 100%;
  background: #0d0d14;
  border: 1px solid #2a2a38;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 12px;
  color: #d0d0e0;
  outline: none;

  &:focus {
    border-color: rgba(201,168,76,0.5);
  }
`,g=i.p`
  font-size: 11px;
  color: #8a8a9a;
  margin: 0 0 0;
  line-height: 1.5;
  padding: 0 24px 24px;
`;function u(){const l=typeof window<"u"?window.location.origin:"",c=typeof window<"u"&&window.location.port==="8765";return e.jsxs(a,{children:[e.jsx(x,{children:"Settings"}),e.jsxs(d,{children:[e.jsx(r,{children:"Connection"}),e.jsxs(t,{children:[e.jsxs(o,{children:[e.jsx(n,{children:"Server base URL"}),e.jsx(s,{children:c?"http://localhost:8765 (Mac agent)":l})]}),e.jsxs(o,{children:[e.jsx(n,{children:"Auth mode"}),e.jsx(s,{children:c?"Local agent (no auth)":"SSO cookie"})]})]})]}),e.jsxs(d,{children:[e.jsx(r,{children:"Poll intervals"}),e.jsxs(t,{children:[e.jsxs(o,{children:[e.jsx(n,{children:"Conversation list"}),e.jsx(s,{children:"30 s"})]}),e.jsxs(o,{children:[e.jsx(n,{children:"Open thread"}),e.jsx(s,{children:"10 s"})]}),e.jsxs(o,{children:[e.jsx(n,{children:"Photo grid"}),e.jsx(s,{children:"60 s"})]})]})]}),e.jsxs(d,{children:[e.jsx(r,{children:"Device filter"}),e.jsx(t,{children:e.jsxs(p,{children:[e.jsx(h,{htmlFor:"deviceId-input",children:"Filter by device ID (optional)"}),e.jsx(j,{id:"deviceId-input",type:"text",placeholder:"Leave blank to show all devices","aria-describedby":"deviceId-help"})]})}),e.jsx(g,{id:"deviceId-help",children:"Device IDs are assigned by the mac-sync server during device registration. If you have multiple Macs syncing, you can filter the dashboard to a single device."})]}),e.jsxs(d,{children:[e.jsx(r,{children:"About"}),e.jsxs(t,{children:[e.jsxs(o,{children:[e.jsx(n,{children:"Dashboard version"}),e.jsx(s,{children:"0.1.0"})]}),e.jsxs(o,{children:[e.jsx(n,{children:"API surface"}),e.jsx(s,{children:"/my/messages, /my/photos, /my/mail"})]})]})]})]})}export{u as SettingsTab};
