ima2-gen 1.1.7 → 1.1.9

package/ui/dist/assets/SettingsWorkspace-B5bSAZ6u.js

@@ -0,0 +1 @@
+import{b as c,h as S,i as E,u as m,j as e,c as o,k as T,l as L,T as R,I as k,W as $}from"./index-C9cXwiWE.js";function O(){const[t,r]=c.useState(null),[i,s]=c.useState(!1);return c.useEffect(()=>{let l=!1;return S().then(d=>{l||r(d)}).catch(()=>{l||s(!0)}),()=>{l=!0}},[]),{data:t,error:i}}function A(){const[t,r]=c.useState(null);return c.useEffect(()=>{let i=!1,s=null;const l=async()=>{try{const d=await E();if(i)return;r(d),d.status==="starting"&&(s=setTimeout(l,3e3))}catch{i||r(null)}};return l(),()=>{i=!0,s&&clearTimeout(s)}},[]),t}function C(t){return t==="ready"?"Ready":t==="auth_required"?"Login required":t==="starting"?"Starting":t==="offline"?"Offline":"Checking"}function I(){const{t}=m(),r=A(),{data:i,error:s}=O(),l=i?.apiKeySource==="env"||i?.apiKeySource==="config"||i?.apiKeyValid===!0,d=r?.status==="ready",u=i?.apiKeySource==="config"?t("settings.account.apiSourceConfig"):t("settings.account.apiSourceEnv"),g=i?.apiKeyValid===!0;return e.jsxs(e.Fragment,{children:[e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("p",{className:"settings-eyebrow",children:t("settings.account.primaryEyebrow")}),e.jsx("h4",{children:t("settings.account.oauthTitle")}),e.jsx("p",{children:t("settings.account.oauthBody")})]}),e.jsxs("div",{className:`settings-status${d?" is-ok":""}`,children:[e.jsx("span",{"aria-hidden":"true"}),C(r?.status)]})]}),l?e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("p",{className:"settings-eyebrow",children:u}),e.jsx("h4",{children:t("settings.account.apiTitle")}),e.jsx("p",{children:t("settings.account.apiBody")})]}),e.jsxs("div",{className:`settings-status${g?" is-ok":" is-muted"}`,children:[e.jsx("span",{"aria-hidden":"true"}),t(s?"settings.account.apiUnknown":g?"settings.account.apiReady":"settings.account.apiUnavailable")]})]}):null]})}function K(){const{t}=m(),r=o(l=>l.reasoningEffort),i=o(l=>l.setReasoningEffort),s=l=>{i(l.target.value)};return e.jsx("div",{className:"image-model-select image-model-select--settings",children:e.jsx("select",{id:"settings-reasoning-effort",value:r,onChange:s,children:T.map(l=>e.jsx("option",{value:l.value,children:t(l.fullLabelKey)},l.value))})})}const B={ko:"KO",en:"EN"};function F(){const{t,locale:r}=m(),i=o(s=>s.setLocale);return e.jsx("div",{className:"lang-toggle",role:"group","aria-label":t("language.label"),children:L.map(s=>e.jsx("button",{type:"button",className:`lang-toggle__btn ${r===s?"is-active":""}`,onClick:()=>i(s),"aria-pressed":r===s,title:t(`language.${s}`),children:e.jsx("span",{className:"lang-toggle__label",children:B[s]})},s))})}const D=["system","dark","light"];function M(){const{t}=m(),r=o(a=>a.theme),i=o(a=>a.setTheme),s=o(a=>a.themeFamily),l=o(a=>a.setThemeFamily),[d,u]=c.useState(!1),g=c.useRef(null);c.useEffect(()=>{if(!d)return;const a=x=>{g.current&&(g.current.contains(x.target)||u(!1))},h=x=>{x.key==="Escape"&&u(!1)};return document.addEventListener("mousedown",a),document.addEventListener("keydown",h),()=>{document.removeEventListener("mousedown",a),document.removeEventListener("keydown",h)}},[d]);const p=a=>t(`theme.family.${a}`);return e.jsxs("div",{className:"theme-toggle","aria-label":t("theme.label"),children:[e.jsxs("div",{className:"theme-toggle__row",children:[e.jsx("span",{className:"theme-toggle__label",id:"theme-style-label",children:t("theme.styleLabel")}),e.jsxs("div",{className:"theme-toggle__family",ref:g,children:[e.jsxs("button",{type:"button",className:"theme-toggle__family-trigger","aria-haspopup":"listbox","aria-expanded":d,"aria-labelledby":"theme-style-label",onClick:()=>u(a=>!a),children:[e.jsx("span",{className:`theme-toggle__family-dot theme-toggle__family-dot--${s}`,"aria-hidden":"true"}),e.jsx("span",{className:"theme-toggle__family-name",children:p(s)}),e.jsx("span",{className:"theme-toggle__family-caret","aria-hidden":"true",children:"▾"})]}),d?e.jsx("ul",{className:"theme-toggle__family-menu",role:"listbox","aria-labelledby":"theme-style-label",children:R.map(a=>e.jsx("li",{role:"none",children:e.jsxs("button",{type:"button",role:"option","aria-selected":s===a,className:`theme-toggle__family-option ${s===a?"is-active":""}`,onClick:()=>{l(a),u(!1)},children:[e.jsx("span",{className:`theme-toggle__family-dot theme-toggle__family-dot--${a}`,"aria-hidden":"true"}),e.jsx("span",{className:"theme-toggle__family-name",children:p(a)})]})},a))}):null]})]}),e.jsxs("div",{className:"theme-toggle__row",children:[e.jsx("span",{className:"theme-toggle__label",id:"theme-mode-label",children:t("theme.modeLabel")}),e.jsx("div",{className:"theme-toggle__mode",role:"group","aria-labelledby":"theme-mode-label",children:D.map(a=>e.jsx("button",{type:"button",className:`theme-toggle__btn ${r===a?"is-active":""}`,onClick:()=>i(a),"aria-pressed":r===a,title:t(`theme.${a}`),children:t(`theme.${a}`)},a))})]})]})}const P=["rail","horizontal","sidebar"];function G(){const{t}=m(),r=o(s=>s.historyStripLayout),i=o(s=>s.setHistoryStripLayout);return e.jsx("div",{className:"history-layout-toggle",role:"group","aria-label":t("settings.appearance.historyStripLayoutTitle"),children:P.map(s=>e.jsx("button",{type:"button",className:`history-layout-toggle__btn ${r===s?"is-active":""}`,onClick:()=>i(s),"aria-pressed":r===s,title:t(`settings.appearance.historyStripLayout.${s}`),children:t(`settings.appearance.historyStripLayout.${s}`)},s))})}const y=["account","generation","appearance","language","future"];function f({id:t,setRef:r,children:i}){const{t:s}=m();return e.jsxs("section",{id:t,ref:l=>r(t,l),className:"settings-section","aria-labelledby":`settings-section-${t}`,children:[e.jsx("header",{className:"settings-section__header",children:e.jsxs("div",{children:[e.jsx("h3",{id:`settings-section-${t}`,children:s(`settings.sections.${t}.title`)}),e.jsx("p",{children:s(`settings.sections.${t}.hint`)})]})}),e.jsx("div",{className:"settings-section__body",children:i})]})}function U(){const{t}=m(),r=o(n=>n.activeSettingsSection),i=o(n=>n.setActiveSettingsSection),s=o(n=>n.closeSettings),l=o(n=>n.galleryDefaultScope),d=o(n=>n.setGalleryDefaultScope),u=c.useRef(null),g=c.useRef(null),p=c.useRef(!1),a=c.useRef({account:null,generation:null,appearance:null,language:null,future:null}),h=(n,j)=>{a.current[n]=j},x=n=>{i(n),p.current=!0,a.current[n]?.scrollIntoView({behavior:"auto",block:"start"}),g.current!==null&&window.clearTimeout(g.current),g.current=window.setTimeout(()=>{p.current=!1,g.current=null},120)};return c.useEffect(()=>{const n=j=>{j.key==="Escape"&&s()};return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[s]),c.useEffect(()=>{const n=u.current;if(!n||typeof IntersectionObserver!="function")return;const j=new IntersectionObserver(_=>{if(p.current)return;const b=_.filter(N=>N.isIntersecting).sort((N,w)=>w.intersectionRatio-N.intersectionRatio)[0]?.target.id;b&&y.includes(b)&&i(b)},{root:n,threshold:[.35,.6]});for(const _ of y){const v=a.current[_];v&&j.observe(v)}return()=>j.disconnect()},[i]),c.useEffect(()=>()=>{g.current!==null&&window.clearTimeout(g.current)},[]),e.jsx("main",{ref:u,className:"settings-workspace","aria-labelledby":"settings-title",children:e.jsxs("div",{className:"settings-shell",children:[e.jsxs("header",{className:"settings-header",children:[e.jsxs("div",{children:[e.jsx("p",{className:"settings-eyebrow",children:t("settings.eyebrow")}),e.jsx("h2",{id:"settings-title",children:t("settings.title")}),e.jsx("p",{children:t("settings.subtitle")})]}),e.jsx("button",{type:"button",className:"settings-close",onClick:s,"aria-label":t("settings.closeAria"),title:t("settings.closeTitle"),children:"X"})]}),e.jsxs("div",{className:"settings-layout",children:[e.jsx("nav",{className:"settings-nav settings-nav--mobile","aria-label":t("settings.navAria"),children:e.jsx("select",{value:r,onChange:n=>x(n.target.value),"aria-label":t("settings.navAria"),children:y.map(n=>e.jsx("option",{value:n,children:t(`settings.sections.${n}.title`)},n))})}),e.jsx("nav",{className:"settings-nav","aria-label":t("settings.navAria"),children:y.map(n=>e.jsxs("button",{type:"button",className:`settings-nav__item${r===n?" is-active":""}`,onClick:()=>x(n),"aria-label":t("settings.jumpTo",{section:t(`settings.sections.${n}.title`)}),children:[e.jsx("span",{children:t(`settings.sections.${n}.title`)}),e.jsx("small",{children:t(`settings.sections.${n}.hint`)})]},n))}),e.jsxs("section",{className:"settings-content","aria-label":t("settings.contentAria"),children:[e.jsx(f,{id:"account",setRef:h,children:e.jsx(I,{})}),e.jsxs(f,{id:"generation",setRef:h,children:[e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.imageModel.title")}),e.jsx("p",{children:t("settings.imageModel.body")}),e.jsx("p",{className:"settings-row__microcopy",children:t("settings.imageModel.unsupportedHelp")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsx(k,{variant:"settings"})})]}),e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.reasoning.title")}),e.jsx("p",{children:t("settings.reasoning.body")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsx(K,{})})]}),e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.webSearch.title")}),e.jsx("p",{children:t("settings.webSearch.body")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsx($,{})})]}),e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.gallery.defaultScopeTitle")}),e.jsx("p",{children:t("settings.gallery.defaultScopeBody")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsxs("select",{value:l,onChange:n=>d(n.target.value),"aria-label":t("settings.gallery.defaultScopeTitle"),children:[e.jsx("option",{value:"current-session",children:t("gallery.scope.current")}),e.jsx("option",{value:"all",children:t("gallery.scope.all")})]})})]})]}),e.jsxs(f,{id:"appearance",setRef:h,children:[e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.appearance.themeTitle")}),e.jsx("p",{children:t("settings.appearance.themeBody")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsx(M,{})})]}),e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.appearance.historyStripLayoutTitle")}),e.jsx("p",{children:t("settings.appearance.historyStripLayoutBody")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsx(G,{})})]})]}),e.jsx(f,{id:"language",setRef:h,children:e.jsxs("article",{className:"settings-row",children:[e.jsxs("div",{className:"settings-row__copy",children:[e.jsx("h4",{children:t("settings.language.title")}),e.jsx("p",{children:t("settings.language.body")})]}),e.jsx("div",{className:"settings-row__control",children:e.jsx(F,{})})]})}),e.jsx(f,{id:"future",setRef:h,children:e.jsxs("article",{className:"settings-note",children:[e.jsx("h4",{children:t("settings.future.title")}),e.jsx("p",{children:t("settings.future.body")})]})})]})]})]})})}export{U as SettingsWorkspace};