openryoko 2026.10.8 → 2026.10.13

package/dist/web/_next/static/chunks/1_jm0szyu2the.js

@@ -1 +0,0 @@
-(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,82074,e=>{"use strict";var a=e.i(47565),t=e.i(28225),r=e.i(20750);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 s=e.i(77053),l=e.i(42095);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"}]]);var i=e.i(92470),c=e.i(62671),d=e.i(58963),p=e.i(45994),x=e.i(64374),v=e.i(51397),h=e.i(47721),m=e.i(43701),u=e.i(76230);let g="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 b({id:e,engine:r,model:n,onChange:s,allowAutomatic:l=!1}){let[o,i]=(0,t.useState)(null),c=o?.engine===r?o.models:[];(0,t.useEffect)(()=>{let e=!0;return h.api.getModels().then(a=>{e&&i({engine:r,models:a.engines.find(e=>e.engine===r)?.models.map(e=>({value:e.id,label:e.label}))??[]})}).catch(()=>{}),()=>{e=!1}},[r]);let d=[...new Map([...(0,u.modelsForEngine)(r),...c].map(e=>[e.value,e])).values()],p=d.some(e=>e.value===n),[x,v]=(0,t.useState)(!!(n&&!p)),[m,j]=(0,t.useState)(n&&!p?n:""),y=(0,t.useRef)(null),f=(0,t.useRef)(!1),w=`${e}-help`,N=`${e}-custom`,k="claude"===r?"例: claude-sonnet-5-20260801":"gemini"===r?"例: gemini-3.1-pro-preview":"例: gpt-private-preview";(0,t.useEffect)(()=>{let e=!!(n&&!(0,u.isCatalogModel)(r,n)&&!c.some(e=>e.value===n));v(e),j(e?n??"":"")},[r,n]),(0,t.useEffect)(()=>{x&&y.current?.focus()},[x]);let C=x&&(!p||m!==n),S=C?u.CUSTOM_MODEL_VALUE:n&&p?n:"";return(0,a.jsxs)("div",{className:"space-y-[var(--space-2)]",children:[(0,a.jsxs)("select",{id:e,value:S,"aria-describedby":w,onChange:e=>{let a=e.target.value;if(a===u.CUSTOM_MODEL_VALUE){j(n&&!p?n:""),v(!0);return}v(!1),s(a||void 0)},className:`${g} cursor-pointer`,children:[l&&(0,a.jsx)("option",{value:"",children:"自動（ベンダー既定）"}),!l&&!n&&(0,a.jsx)("option",{value:"",children:"モデルを選択"}),d.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value)),(0,a.jsx)("option",{value:u.CUSTOM_MODEL_VALUE,children:"カスタムモデルIDを入力…"})]}),C&&(0,a.jsx)("input",{ref:y,id:N,type:"text",value:m,onChange:e=>j(e.target.value),onBlur:function(){if(f.current){f.current=!1;return}let e=m.trim();if(!e){let e=!!(n&&!p);j(e?n??"":""),v(e);return}s(e)},onKeyDown:e=>{"Enter"===e.key&&e.currentTarget.blur(),"Escape"===e.key&&(e.preventDefault(),f.current=!0,j(n&&!p?n:""),v(!!(n&&!p)),e.currentTarget.blur(),queueMicrotask(()=>{f.current=!1}))},placeholder:k,"aria-label":"カスタムモデルID","aria-describedby":w,autoComplete:"off",className:g}),(0,a.jsxs)("p",{id:w,className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",children:["一覧にないモデルは「カスタムモデルID」を選び、入力後に確定できます。","codex"===r&&["gpt-6-astra","gpt-6-sol","gpt-6-luna"].includes(n??"")&&(0,a.jsx)(a.Fragment,{children:" GPT-6 の利用には、対応する Codex CLI とアカウントのアクセス権が必要です。"}),"claude"===r&&"claude-fable-5-1"===n&&(0,a.jsx)(a.Fragment,{children:" Fable 5.1 の利用には、Claude Code 2.1.255 以降とアカウントのアクセス権が必要です。"})]})]})}let j="typesafe-key-status-changed",y="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)]",f="px-[10px] py-[6px] border border-[var(--separator)] rounded-[var(--radius-sm)] text-[length:var(--text-footnote)] text-[var(--text-primary)] cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",w="text-[length:var(--text-caption2)] text-[var(--text-tertiary)]",N={cli:"既存の CLI モデルで反応を判定します。",jev:"Jev で判定します。判断が難しい場合や API 障害時も判定用の CLI は起動しません。","jev-fallback":"Jev で判断が難しい場合や API 障害時は、下の CLI モデルで再判定します。","jev-shadow":"Jev と CLI の判定を比較します。実際の反応は CLI が決めます。"},k={missing_key:"API キーが未設定です。",unauthorized:"API キーを認証できませんでした。",rate_limited:"利用制限に達しました。時間をおいて再試行してください。",timeout:"接続がタイムアウトしました。",busy:"別の接続テストが実行中です。少し待って再試行してください。",provider_error:"TypeSafe 側でエラーが発生しました。",network_error:"TypeSafe に接続できませんでした。",invalid_response:"TypeSafe の応答を確認できませんでした。"};function C({label:e,id:t,children:r}){return(0,a.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-[var(--space-2)] py-[var(--space-2)]",children:[(0,a.jsx)("label",{htmlFor:t,className:"text-[length:var(--text-subheadline)] text-[var(--text-secondary)]",children:e}),(0,a.jsx)("div",{className:"w-[240px] max-w-full",children:r})]})}function S({config:e={},onChange:r,showCredentials:n=!0}){let s=(0,t.useId)(),l="jev-shadow"===e.backend?"jev-shadow":"jev"===e.backend?e.jev?.fallback==="cli"?"jev-fallback":"jev":"cli",o="cli"!==l,i=e.jev?.useCapabilities!==!1,[c,d]=(0,t.useState)(null),[p,x]=(0,t.useState)(""),[v,m]=(0,t.useState)(null),[g,E]=(0,t.useState)(null),[I,T]=(0,t.useState)(!1);async function A(){let e=p.trim();if(e&&!v){x(""),m("save"),E(null);try{let a=await h.api.saveTypeSafeKey(e);d(a),T(!1),E({error:!1,text:"API キーを保存しました。"}),window.dispatchEvent(new Event(j))}catch{E({error:!0,text:"API キーを保存できませんでした。入力内容と接続を確認してください。"})}finally{m(null)}}}async function F(){if(!v){x(""),m("delete"),E(null);try{let e=await h.api.deleteTypeSafeKey();d(e),T(!1),E({error:!1,text:e.configured?"保存したキーを削除しました。環境変数のキーを使用します。":"保存した API キーを削除しました。"}),window.dispatchEvent(new Event(j))}catch{E({error:!0,text:"API キーを削除できませんでした。"})}finally{m(null)}}}async function M(){if(!v&&c?.configured){m("test"),E(null);try{let e=await h.api.testTypeSafeKey(),a="number"==typeof e.latencyMs&&Number.isFinite(e.latencyMs)&&e.latencyMs>=0?`（${Math.round(e.latencyMs)} ms）`:"";E(e.ok?{error:!1,text:`接続を確認しました${a}。`}:{error:!0,text:k[e.error??""]??"接続を確認できませんでした。"})}catch{E({error:!0,text:"接続を確認できませんでした。"})}finally{m(null)}}}return(0,t.useEffect)(()=>{let e=!0,a=()=>{h.api.getTypeSafeKeyStatus().then(a=>{e&&(d(a),T(!1))},()=>{e&&(d(null),T(!0))})};return a(),window.addEventListener(j,a),()=>{e=!1,window.removeEventListener(j,a)}},[]),(0,a.jsxs)("div",{className:"space-y-[var(--space-2)]",children:[(0,a.jsx)(C,{label:"空気読みを有効化",id:`${s}-enabled`,children:(0,a.jsx)("button",{type:"button",id:`${s}-enabled`,role:"switch","aria-checked":e.enabled??!1,disabled:!e.enabled&&o&&!c?.configured,onClick:()=>r({...e,enabled:!e.enabled}),className:"relative block ml-auto w-[44px] h-[24px] rounded-[12px] border-none cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",style:{background:e.enabled?"var(--system-green)":"var(--fill-primary)"},children:(0,a.jsx)("span",{className:"absolute top-[2px] w-[20px] h-[20px] rounded-full bg-white",style:{left:e.enabled?22:2}})})}),(0,a.jsx)(C,{label:"判定方式",id:`${s}-mode`,children:(0,a.jsxs)("select",{id:`${s}-mode`,value:l,"aria-describedby":`${s}-mode-help`,onChange:a=>{var t;return r("cli"===(t=a.target.value)||"jev-shadow"===t?{...e,backend:t}:{...e,backend:"jev",jev:{...e.jev,fallback:"jev-fallback"===t?"cli":"none"}})},className:y,children:[(0,a.jsx)("option",{value:"cli",children:"CLI（従来方式）"}),(0,a.jsx)("option",{value:"jev",disabled:!c?.configured,children:"Jev のみ"}),(0,a.jsx)("option",{value:"jev-fallback",disabled:!c?.configured,children:"Jev + CLI 再判定"}),(0,a.jsx)("option",{value:"jev-shadow",disabled:!c?.configured,children:"比較（実際の判定は CLI）"})]})}),(0,a.jsxs)("p",{id:`${s}-mode-help`,className:w,children:[N[l],"方式の変更は、ページ下部の「設定を保存」で反映されます。"]}),n?(0,a.jsxs)("div",{className:"space-y-[var(--space-2)] border-t border-[var(--separator)] pt-[var(--space-3)]",children:[(0,a.jsxs)("p",{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)]",children:["TypeSafe API キー：",I?"状態を取得できません":c?"stored"===c.source?"保存済み":"environment"===c.source?"環境変数で設定済み":"未設定":"確認中…"]}),(0,a.jsx)("p",{className:w,children:"Jev の利用には API キーが必要です。キーはこの画面から保存でき、保存後は表示されません。すべての Slack インスタンスで共有します。"}),(0,a.jsx)("label",{htmlFor:`${s}-key`,className:"block text-[length:var(--text-footnote)] text-[var(--text-secondary)]",children:c?.configured?"新しい API キー":"API キー"}),(0,a.jsx)("input",{id:`${s}-key`,type:"password",autoComplete:"new-password",spellCheck:!1,value:p,onChange:e=>x(e.target.value),disabled:null!==v,placeholder:c?.configured?"変更する場合だけ入力":"TypeSafe の API キーを入力",className:y}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-[var(--space-2)]",children:[(0,a.jsx)("button",{type:"button",onClick:()=>void A(),disabled:null!==v||!p.trim(),className:f,children:"save"===v?"保存中…":"API キーを保存"}),(0,a.jsx)("button",{type:"button",onClick:()=>void M(),disabled:null!==v||!c?.configured||!!p.trim(),className:f,children:"test"===v?"接続テスト中…":"保存済みキーで接続テスト"}),c?.source==="stored"&&(0,a.jsx)("button",{type:"button",onClick:()=>void F(),disabled:null!==v,className:f,children:"保存したキーを削除"})]}),(0,a.jsx)("p",{className:w,children:"キーの保存・削除はすぐに反映されます。接続テストには固定のサンプル文を使います。"}),g&&(0,a.jsx)("p",{role:g.error?"alert":"status",className:"text-[length:var(--text-footnote)]",style:{color:g.error?"var(--system-red)":"var(--system-green)"},children:g.text})]}):(0,a.jsxs)("p",{className:w,children:["TypeSafe API キーは上の Slack 設定で管理します。",c?.configured?"設定済みです。":"キーを保存すると Jev を選択できます。"]}),o&&c?.configured===!1&&(0,a.jsx)("p",{role:"alert",className:"text-[length:var(--text-footnote)] text-[var(--system-red)]",children:"Jev を使うには、先に API キーを保存してください。"}),o&&(0,a.jsx)(C,{label:"Jev タイムアウト (ms)",id:`${s}-jev-timeout`,children:(0,a.jsx)("input",{id:`${s}-jev-timeout`,type:"number",min:1,max:1e4,value:e.jev?.timeoutMs??"",placeholder:"3000",onChange:a=>r({...e,jev:{...e.jev,timeoutMs:a.target.value?Number(a.target.value):void 0}}),className:y})}),o&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(C,{label:"スキル・担当領域を考慮",id:`${s}-capabilities`,children:(0,a.jsx)("button",{type:"button",id:`${s}-capabilities`,role:"switch","aria-checked":i,"aria-describedby":`${s}-capabilities-help`,onClick:()=>r({...e,jev:{...e.jev,useCapabilities:!i}}),className:"relative block ml-auto w-[44px] h-[24px] rounded-[12px] border-none cursor-pointer",style:{background:i?"var(--system-green)":"var(--fill-primary)"},children:(0,a.jsx)("span",{className:"absolute top-[2px] w-[20px] h-[20px] rounded-full bg-white",style:{left:i?22:2}})})}),(0,a.jsx)("p",{id:`${s}-capabilities-help`,className:w,children:"担当社員の役割と利用可能なスキルから、具体的に手伝える依頼かを判断します。人宛ての会話や雑談には割り込みません。"}),(0,a.jsx)(C,{label:"呼ばれていない時の参加率 (%)",id:`${s}-proactive-percent`,children:(0,a.jsx)("input",{id:`${s}-proactive-percent`,type:"number",min:0,max:100,step:1,disabled:!i,"aria-describedby":`${s}-proactive-help`,value:e.jev?.proactiveParticipationPercent??0,onChange:a=>{let t=Number(a.target.value);Number.isInteger(t)&&t>=0&&t<=100&&r({...e,jev:{...e.jev,proactiveParticipationPercent:t}})},className:y})}),(0,a.jsx)("p",{id:`${s}-proactive-help`,className:w,children:"未解決の困りごとに具体的に役立てる時、呼ばれていなくても提案します。0%で停止、100%で対象の機会すべてに参加。判定の確信度とは別の割合で、名前で呼ばれた時や依頼への応答は減らしません。スキル・担当領域の考慮が必要です。メンション限定のチャンネル設定は優先されます。"})]}),"jev"!==l&&(0,a.jsxs)("div",{className:"border-t border-[var(--separator)] pt-[var(--space-3)]",children:[(0,a.jsx)("p",{className:"text-[length:var(--text-footnote)] text-[var(--text-secondary)]",children:"jev-shadow"===l?"比較に使う CLI モデル":"jev-fallback"===l?"再判定に使う CLI モデル":"CLI モデル"}),(0,a.jsx)(C,{label:"モデルのベンダー",id:`${s}-vendor`,children:(0,a.jsx)("select",{id:`${s}-vendor`,value:e.engine??"codex",className:y,onChange:a=>{let t=a.target.value;r({...e,engine:t,model:(0,u.defaultTriageModelForEngine)(t)})},children:u.TRIAGE_MODEL_VENDORS.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,a.jsx)(C,{label:"モデル",id:`${s}-model`,children:(0,a.jsx)(b,{id:`${s}-model`,engine:e.engine??"codex",model:e.model??void 0,allowAutomatic:!0,onChange:a=>r({...e,model:a??null})})}),(0,a.jsx)(C,{label:"CLI タイムアウト (ms)",id:`${s}-cli-timeout`,children:(0,a.jsx)("input",{id:`${s}-cli-timeout`,type:"number",min:1,value:e.timeoutMs??"",placeholder:"30000",className:y,onChange:a=>r({...e,timeoutMs:a.target.value?Number(a.target.value):void 0})})}),(0,a.jsx)(C,{label:"CLI パス（任意）",id:`${s}-bin`,children:(0,a.jsx)("input",{id:`${s}-bin`,value:e.bin??"",placeholder:e.engine??"codex",className:y,onChange:a=>r({...e,bin:a.target.value.trim()||void 0})})})]}),(0,a.jsx)(C,{label:"スレッド文脈の取得件数",id:`${s}-context`,children:(0,a.jsx)("input",{id:`${s}-context`,type:"number",min:1,max:10,value:e.threadContextLimit??"",placeholder:"10",className:y,onChange:a=>r({...e,threadContextLimit:a.target.value?Number(a.target.value):void 0})})}),(0,a.jsx)(C,{label:"ペルソナ（任意）",id:`${s}-persona`,children:(0,a.jsx)("input",{id:`${s}-persona`,value:e.persona??"",placeholder:"このボットの得意分野",className:y,onChange:a=>r({...e,persona:a.target.value||void 0})})})]})}var E=e.i(23414),I=e.i(39331);let T="openryoko-update-notification";function A({connectorOptions:e,defaultConnector:r,defaultChannel:n}){let[s,l]=(0,t.useState)(null),[c,d]=(0,t.useState)({enabled:!1,schedule:"0 9 * * *",timezone:"",connector:r??"",channel:n??"",maintenanceMode:"review"}),[p,x]=(0,t.useState)(!0),[v,m]=(0,t.useState)(!1),[u,g]=(0,t.useState)(!1),[b,j]=(0,t.useState)(null),y=(0,t.useCallback)(()=>{x(!0),h.api.getCronJobs().then(e=>{let a=e.find(e=>e.id===T||"update-notification"===e.kind);a?(l(a),d({enabled:a.enabled,schedule:a.schedule||"0 9 * * *",timezone:a.timezone||Intl.DateTimeFormat().resolvedOptions().timeZone,connector:a.delivery?.connector||r||"",channel:a.delivery?.channel||n||"",maintenanceMode:a.maintenance?.mode??"review"})):d(e=>({...e,timezone:e.timezone||Intl.DateTimeFormat().resolvedOptions().timeZone,connector:e.connector||r||"",channel:e.channel||n||""}))}).catch(e=>{j({type:"error",message:e instanceof Error?e.message:"通知設定を取得できませんでした"})}).finally(()=>x(!1))},[n,r]);(0,t.useEffect)(()=>{y()},[y]);let f=Array.from(new Set([...e,...c.connector?[c.connector]:[]]));async function w(){if(j(null),5!==c.schedule.trim().split(/\s+/).length)return void j({type:"error",message:"Cron式は「分 時 日 月 曜日」の5項目で入力してください"});if(c.enabled&&(!c.connector.trim()||!c.channel.trim()))return void j({type:"error",message:"通知を有効にするにはコネクタと送信先が必要です"});m(!0);let e={id:s?.id||T,name:"OpenRyoko Update Notification",kind:"update-notification",enabled:c.enabled,schedule:c.schedule.trim(),timezone:c.timezone.trim()||void 0,prompt:"",maintenance:{mode:c.maintenanceMode},delivery:c.connector.trim()&&c.channel.trim()?{connector:c.connector.trim(),channel:c.channel.trim()}:void 0};try{let a=s?await h.api.updateCronJob(s.id,e):await h.api.createCronJob(e);l(a),j({type:"success",message:c.enabled?"更新通知と運用点検を保存しました。新しいリリースや未点検の改善候補がある時に結果を知らせます。":"更新通知を無効で保存しました。"})}catch(e){j({type:"error",message:e instanceof Error?e.message:"保存に失敗しました"})}finally{m(!1)}}async function N(){if(s){g(!0),j(null);try{await h.api.triggerCronJob(s.id),j({type:"success",message:"更新確認を開始しました。新しいリリースや未点検の改善候補がある場合にチャットへ届きます。"})}catch(e){j({type:"error",message:e instanceof Error?e.message:"更新確認を開始できませんでした"})}finally{g(!1)}}}async function k(){if(s){g(!0),j(null);try{await h.api.runMaintenance(s.id,"review"),j({type:"success",message:"点検を開始しました。設定を変更せず、改善案を通知先へ送ります。"})}catch(e){j({type:"error",message:e instanceof Error?e.message:"点検を開始できませんでした"})}finally{g(!1)}}}return p?(0,a.jsxs)("div",{className:"flex items-center gap-2 py-3 text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:[(0,a.jsx)(i.Loader2,{size:14,className:"animate-spin"}),"更新通知設定を読み込み中…"]}):(0,a.jsxs)("div",{className:"mt-[var(--space-4)] border-t border-[var(--separator)] pt-[var(--space-4)]",children:[(0,a.jsxs)("div",{className:"mb-[var(--space-3)] flex items-start gap-[var(--space-3)]",children:[(0,a.jsx)(E.BellRing,{size:18,className:"mt-0.5 shrink-0 text-[var(--system-blue)]","aria-hidden":"true"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"text-[length:var(--text-footnote)] font-[var(--weight-semibold)] text-[var(--text-primary)]",children:"アップデート通知と運用点検"}),(0,a.jsx)("p",{className:"mt-1 text-[length:var(--text-caption2)] leading-relaxed text-[var(--text-tertiary)]",children:"定期確認はコードで行い、新しいリリースや未点検の改善候補がある時だけAIを起動します。導入済み機能に合わせてCronやJevの利用を点検し、同じ内容の通知は繰り返しません。"})]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between gap-4 py-2",children:[(0,a.jsx)("label",{htmlFor:"update-notification-enabled",className:"text-[length:var(--text-subheadline)] text-[var(--text-secondary)]",children:"チャット通知"}),(0,a.jsx)("button",{id:"update-notification-enabled",type:"button",role:"switch","aria-checked":c.enabled,onClick:()=>d(e=>({...e,enabled:!e.enabled})),className:"relative h-6 w-11 shrink-0 rounded-full border-none transition-colors",style:{background:c.enabled?"var(--system-green)":"var(--fill-primary)"},children:(0,a.jsx)("span",{className:"absolute top-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-[left]",style:{left:c.enabled?22:2}})})]}),(0,a.jsxs)("div",{className:"grid gap-[var(--space-3)] pt-2 sm:grid-cols-2",children:[(0,a.jsxs)("label",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:["Cron式",(0,a.jsx)("input",{value:c.schedule,onChange:e=>d(a=>({...a,schedule:e.target.value})),placeholder:"0 9 * * *",className:"apple-input mt-1 w-full rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--bg-secondary)] px-[10px] py-[6px] font-mono text-[length:var(--text-footnote)] text-[var(--text-primary)]"})]}),(0,a.jsxs)("label",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:["タイムゾーン",(0,a.jsx)("input",{value:c.timezone,onChange:e=>d(a=>({...a,timezone:e.target.value})),placeholder:"Asia/Tokyo",className:"apple-input mt-1 w-full rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--bg-secondary)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]"})]}),(0,a.jsxs)("label",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:["コネクタ",(0,a.jsxs)("select",{value:c.connector,onChange:e=>d(a=>({...a,connector:e.target.value})),className:"mt-1 w-full rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--bg-secondary)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]",children:[(0,a.jsx)("option",{value:"",children:"選択してください"}),f.map(e=>(0,a.jsx)("option",{value:e,children:e},e))]})]}),(0,a.jsxs)("label",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:["送信先",(0,a.jsx)("input",{value:c.channel,onChange:e=>d(a=>({...a,channel:e.target.value})),placeholder:"#general またはチャンネルID",className:"apple-input mt-1 w-full rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--bg-secondary)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]"})]})]}),(0,a.jsxs)("label",{className:"mt-3 block text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:["導入済み機能に合わせた運用点検",(0,a.jsxs)("select",{value:c.maintenanceMode,onChange:e=>d(a=>({...a,maintenanceMode:e.target.value})),className:"mt-1 w-full rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--bg-secondary)] px-[10px] py-[6px] text-[length:var(--text-footnote)] text-[var(--text-primary)]",children:[(0,a.jsx)("option",{value:"review",children:"点検・改善案を通知（既定）"}),(0,a.jsx)("option",{value:"apply",children:"検証できるローカル修正も実施"}),(0,a.jsx)("option",{value:"off",children:"運用点検は行わない"})]})]}),(0,a.jsx)("p",{className:"mt-1 text-[length:var(--text-caption2)] leading-relaxed text-[var(--text-tertiary)]",children:"更新確認と同じスケジュール・通知先を使います。自動修正でも、通知先・実行時刻の変更やJevなど外部サービスの新規有効化は提案に留めます。"}),b&&(0,a.jsx)("p",{className:`mt-3 text-[length:var(--text-caption1)] ${"success"===b.type?"text-[var(--system-green)]":"text-[var(--system-red)]"}`,role:"error"===b.type?"alert":"status",children:b.message}),(0,a.jsxs)("div",{className:"mt-[var(--space-3)] flex flex-wrap justify-end gap-[var(--space-2)]",children:[s&&(0,a.jsx)("button",{type:"button",onClick:k,disabled:u||v,className:"rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--fill-tertiary)] px-3 py-1.5 text-[length:var(--text-caption1)] text-[var(--text-secondary)] disabled:opacity-60",children:"点検を実行"}),s&&(0,a.jsxs)("button",{type:"button",onClick:N,disabled:u||v,className:"inline-flex items-center gap-1.5 rounded-[var(--radius-sm)] border border-[var(--separator)] bg-[var(--fill-tertiary)] px-3 py-1.5 text-[length:var(--text-caption1)] font-[var(--weight-medium)] text-[var(--text-secondary)] disabled:opacity-60",children:[u?(0,a.jsx)(i.Loader2,{size:13,className:"animate-spin"}):(0,a.jsx)(I.Play,{size:13}),"今すぐ確認"]}),(0,a.jsxs)("button",{type:"button",onClick:w,disabled:v||u,className:"inline-flex items-center gap-1.5 rounded-[var(--radius-sm)] border-none bg-[var(--accent)] px-3 py-1.5 text-[length:var(--text-caption1)] font-[var(--weight-semibold)] text-[var(--accent-contrast)] disabled:opacity-60",children:[v?(0,a.jsx)(i.Loader2,{size:13,className:"animate-spin"}):(0,a.jsx)(o,{size:13}),"通知設定を保存"]})]})]})}let F=[{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 M({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 D({label:e,htmlFor:t,children:r}){return(0,a.jsxs)("div",{className:"flex items-center justify-between py-[var(--space-2)] gap-[var(--space-4)]",children:[(0,a.jsx)("label",{htmlFor:t,className:"text-[length:var(--text-subheadline)] text-[var(--text-secondary)] shrink-0",children:e}),(0,a.jsx)("div",{className:"w-[240px] shrink-0",children:r})]})}function O({id:e,value:t,onChange:r,type:n="text",placeholder:s}){return(0,a.jsx)("input",{id:e,type:n,value:t,onChange:e=>r(e.target.value),placeholder:s,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 B({id:e,value:t,onChange:r,options:n}){return(0,a.jsx)("select",{id:e,value:t,onChange:e=>r(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:n.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})}function _({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 L={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 $(){let[e,r]=(0,t.useState)(null),[n,s]=(0,t.useState)(!1),[l,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(L).filter(([a])=>!e.languages.includes(a)).sort((e,a)=>e[1].localeCompare(a[1]));return(0,a.jsxs)(M,{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:"モデルをダウンロード中…"}),(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:"文字起こし言語"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:"最初の言語がデフォルトになります。複数追加するとチャットで言語ピッカーが表示されます。"}),(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}),L[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);s(!0),h.api.sttUpdateConfig(t).then(()=>r(e=>e?{...e,languages:t}:e)).catch(()=>{}).finally(()=>s(!1))})(t),disabled:n,"aria-label":`Remove ${L[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:l,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:l?"var(--text-primary)":"var(--text-tertiary)"},children:[(0,a.jsx)("option",{value:"",children:"言語を追加…"}),i.map(([e,t])=>(0,a.jsxs)("option",{value:e,children:[e.toUpperCase()," — ",t]},e))]}),(0,a.jsx)("button",{onClick:function(){if(!l||!e||e.languages.includes(l))return;let a=[...e.languages,l];s(!0),o(""),h.api.sttUpdateConfig(a).then(()=>r(e=>e?{...e,languages:a}:e)).catch(()=>{}).finally(()=>s(!1))},disabled:!l||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:l?"var(--accent)":"var(--fill-tertiary)",color:l?"var(--accent-contrast)":"var(--text-quaternary)",cursor:l?"pointer":"default"},children:"Add"})]})]})})]})}function P(){let e,{settings:r}=(0,d.useSettings)(),[n,s]=(0,t.useState)(!1),[l,o]=(0,t.useState)(!0),i=JSON.stringify({display_information:{name:e=(r.portalName??"").trim()||"Ryoko"},features:{app_home:{messages_tab_enabled:!0,messages_tab_read_only_enabled:!1},bot_user:{display_name:e,always_online:!0},assistant_view:{assistant_description:`${e} — your AI assistant`,suggested_prompts:[{title:"What can you do?",message:"What can you help me with?"}]}},oauth_config:{scopes:{bot:["app_mentions:read","assistant:write","canvases:read","canvases:write","channels:history","channels:read","chat:write","chat:write.customize","files:read","files:write","groups:history","groups:read","im:history","im:read","im:write","mpim:history","mpim:read","mpim:write","reactions:read","reactions:write","users:read","users:read.email"],user:["channels:history","channels:read","files:read","groups:history","groups:read","im:history","im:read","mpim:history","mpim:read","search:read","users:read","bookmarks:read"]}},settings:{event_subscriptions:{bot_events:["app_mention","assistant_thread_context_changed","assistant_thread_started","message.channels","message.groups","message.im","message.mpim","reaction_added"]},interactivity:{is_enabled:!0},socket_mode_enabled:!0}},null,2);return(0,a.jsxs)("div",{className:"border border-[var(--separator)] rounded-[var(--radius-md)] bg-[var(--fill-quaternary)] p-[var(--space-3)] mb-[var(--space-3)]",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>o(e=>!e),className:"flex items-center justify-between w-full text-left cursor-pointer",children:[(0,a.jsx)("span",{className:"text-[length:var(--text-body)] font-[var(--weight-semibold)] text-[var(--text-primary)]",children:"Slack App セットアップガイド"}),(0,a.jsx)("span",{className:"text-[length:var(--text-caption1)] text-[var(--text-tertiary)]",children:l?"閉じる":"開く"})]}),l&&(0,a.jsxs)("div",{className:"mt-[var(--space-3)]",children:[(0,a.jsxs)("ol",{className:"list-decimal pl-[20px] text-[length:var(--text-caption1)] text-[var(--label-secondary)] leading-relaxed mb-[var(--space-3)] space-y-[2px]",children:[(0,a.jsxs)("li",{children:[(0,a.jsx)("a",{href:"https://api.slack.com/apps",target:"_blank",rel:"noopener noreferrer",className:"text-[var(--accent)] underline",children:"Slack API の Your Apps ページ"}),"を開き、「Create New App」を選択。"]}),(0,a.jsx)("li",{children:"「From a manifest」を選び、対象ワークスペースを指定。"}),(0,a.jsx)("li",{children:"下のJSONをコピーして貼り付け、「Create」で作成。"}),(0,a.jsxs)("li",{children:["「Install to Workspace」を実行し、OAuth & Permissions の「Bot User OAuth Token」（",(0,a.jsx)("code",{children:"xoxb-…"}),"）を下の Bot Token に貼り付け。"]}),(0,a.jsxs)("li",{children:["「Basic Information」→「App-Level Tokens」で ",(0,a.jsx)("code",{children:"connections:write"})," ","スコープ付きトークンを発行し（",(0,a.jsx)("code",{children:"xapp-…"}),"）、下の App Token に貼り付け。"]})]}),(0,a.jsxs)("div",{className:"text-[length:var(--text-caption1)] text-[var(--label-secondary)] leading-relaxed mb-[var(--space-3)]",children:[(0,a.jsx)("p",{className:"font-[var(--weight-semibold)] text-[var(--text-primary)]",children:"既存アプリで Canvas を使う場合"}),(0,a.jsx)("p",{children:"対象アプリの「App Manifest」に下のJSONを貼り付けて保存し、 「OAuth & Permissions」から「Reinstall to Workspace」を実行してください。 Manifest の保存だけでは、発行済みトークンの権限は増えません。 Bot Token が変わった場合は、この画面でも更新して保存してください。"}),(0,a.jsx)("p",{className:"mt-[var(--space-1)]",children:"このJSONには Canvas の読み書き権限が含まれています。 表示先の専用チャンネルにBotを招待し、下の「Agents View Canvas」を有効化してください。 既存 Canvas を使う場合は、Bot が編集できることも確認してください。"})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("button",{type:"button",onClick:function(){navigator.clipboard.writeText(i).then(()=>{s(!0),setTimeout(()=>s(!1),1500)})},"aria-label":"Copy manifest JSON",className:"absolute top-2 right-2 py-0.5 px-2 text-[11px] rounded-[var(--radius-sm)] bg-[var(--fill-secondary)] text-[var(--text-secondary)] border border-[var(--separator)] cursor-pointer",children:n?"コピー済み":"コピー"}),(0,a.jsx)("pre",{className:"bg-[var(--fill-tertiary)] border border-[var(--separator)] rounded-[var(--radius-md)] py-[var(--space-3)] px-[var(--space-4)] overflow-x-auto text-[12px] leading-normal font-['SF_Mono',Menlo,monospace] text-[var(--text-primary)] max-h-[280px]",children:(0,a.jsx)("code",{children:i})})]})]})]})}e.s(["default",0,function(){(0,p.useBreadcrumbs)([{label:"Settings"}]);let{settings:e,setAccentColor:r,setPortalName:g,setPortalSubtitle:j,setOperatorName:y,setPortalEmoji:f,setLanguage:w,resetAll:N}=(0,d.useSettings)(),{theme:k,setTheme:C}=(0,x.useTheme)(),[E,I]=(0,t.useState)(e.portalName??""),[T,L]=(0,t.useState)(e.portalSubtitle??""),[z,R]=(0,t.useState)(e.operatorName??""),[J,U]=(0,t.useState)(e.portalEmoji??""),[W,G]=(0,t.useState)(e.language??"English"),[V,H]=(0,t.useState)(e.accentColor??""),[q,K]=(0,t.useState)(!1),[Y,Q]=(0,t.useState)({}),[Z,X]=(0,t.useState)(!0),[ee,ea]=(0,t.useState)(null),[et,er]=(0,t.useState)(!1),[en,es]=(0,t.useState)(null),[el,eo]=(0,t.useState)(null),[ei,ec]=(0,t.useState)("unknown"),[ed,ep]=(0,t.useState)([]),[ex,ev]=(0,t.useState)(null),[eh,em]=(0,t.useState)(!1),[eu,eg]=(0,t.useState)(null);(0,t.useEffect)(()=>{h.api.getOrg().then(e=>{e?.employees&&ep(e.employees.map(e=>"string"==typeof e?{name:e,displayName:e}:{name:e.name,displayName:e.displayName||e.name}))}).catch(()=>{})},[]);let eb=async()=>{em(!0),eg(null);try{let e=await fetch("/api/connectors/slack/channels"),a=await e.json();if(a?.ok)ev(a.channels??[]);else{let t=a?.error||`HTTP ${e.status}`;"missing_scope"===t?eg("Bot にチャンネル一覧の権限（channels:read / groups:read）が足りません。上のSlack App Manifestを貼り直して再インストールしてください。"):"slack_not_configured"===t?eg("Slack コネクタが未起動です。先に Bot Token / App Token を保存して再起動してください。"):eg(`チャンネル取得失敗: ${t}`),ev(null)}}catch(e){eg(e instanceof Error?e.message:String(e)),ev(null)}finally{em(!1)}};function ej(){X(!0),h.api.getConfig().then(e=>{Q(e),ea(null)}).catch(e=>ea(e.message)).finally(()=>X(!1))}function ey(e,a){Q(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,"max"!==n.effortLevel||("engines.codex.model"!==e.join(".")||(0,u.codexEffortOptionsForModel)(String(a)).some(e=>"max"===e.value))&&("engines.claude.model"!==e.join(".")||(0,u.claudeEffortOptionsForModel)(String(a)).some(e=>"max"===e.value))||(n.effortLevel="default"),r})}(0,t.useEffect)(()=>{I(e.portalName??""),L(e.portalSubtitle??""),R(e.operatorName??""),U(e.portalEmoji??""),G(e.language??"English"),H(e.accentColor??"")},[e.portalName,e.portalSubtitle,e.operatorName,e.portalEmoji,e.language,e.accentColor]),(0,t.useEffect)(()=>{ej()},[]),(0,t.useEffect)(()=>{if(!Y.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||ec(r??"unknown"),"qr_pending"===r){let a=await fetch("/api/connectors/whatsapp/qr"),t=await a.json();e||eo(t.qr)}else e||eo(null)}catch{}}a();let t=setInterval(()=>{a()},1e4);return()=>{e=!0,clearInterval(t)}},[Y.connectors?.whatsapp]);let ef=Y.engines?.default==="codex"?"codex":Y.engines?.default==="gemini"?"gemini":"claude";return(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)(M,{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=k===e.id;return(0,a.jsxs)("button",{onClick:()=>C(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:F.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)(l.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:V,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}),"リセット"]})]})]}),(0,a.jsx)(M,{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:"サイドバーに表示される COO の絵文字を選択してください。"}),(0,a.jsxs)("div",{className:"relative flex items-center gap-[var(--space-4)]",children:[(0,a.jsx)("button",{onClick:()=>K(!q),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:"絵文字をクリックして変更"})]}),q&&(0,a.jsx)(m.EmojiPicker,{current:e.portalEmoji??"🧞",onSelect:e=>{f(e),K(!1)},onClose:()=>K(!1)})]})]})}),(0,a.jsx)(M,{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:E,onChange:e=>I(e.target.value),onBlur:()=>{g(E||null),h.api.completeOnboarding({portalName:E||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:T,onChange:e=>L(e.target.value),onBlur:()=>j(T||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:z,onChange:e=>R(e.target.value),onBlur:()=>{y(z||null),h.api.completeOnboarding({operatorName:z||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:J,onChange:e=>U(e.target.value),onBlur:()=>f(J||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:W,onChange:e=>G(e.target.value),onBlur:()=>{w(W||"English"),h.api.completeOnboarding({language:W||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"})]})]})]})}),en&&(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"===en.type?"rgba(34,197,94,0.1)":"rgba(239,68,68,0.1)",border:`1px solid ${"success"===en.type?"rgba(34,197,94,0.3)":"rgba(239,68,68,0.3)"}`,color:"success"===en.type?"var(--system-green)":"var(--system-red)"},children:en.message}),Z?(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.Loader2,{size:20,className:"mx-auto mb-[var(--space-2)] animate-spin"}),"Loading gateway config..."]}):ee?(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: ",ee]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(M,{title:"ゲートウェイ設定",children:[(0,a.jsx)(D,{label:"Port",children:(0,a.jsx)(O,{type:"number",value:String(Y.gateway?.port??""),onChange:e=>ey(["gateway","port"],Number(e)||0),placeholder:"7777"})}),(0,a.jsx)(D,{label:"Host",children:(0,a.jsx)(O,{value:Y.gateway?.host??"",onChange:e=>ey(["gateway","host"],e),placeholder:"127.0.0.1"})}),(0,a.jsx)(D,{label:"既定モデルのベンダー",htmlFor:"default-model-vendor",children:(0,a.jsx)(B,{id:"default-model-vendor",value:ef,onChange:e=>{ey(["engines","default"],e),Y.engines?.[e]?.model||ey(["engines",e,"model"],(0,u.defaultModelForEngine)(e)),"gemini"!==e||Y.engines?.gemini?.bin||ey(["engines","gemini","bin"],"gemini")},options:u.MODEL_VENDORS})}),(0,a.jsx)(D,{label:"既定モデル",htmlFor:"default-model",children:(0,a.jsx)(b,{id:"default-model",engine:ef,model:Y.engines?.[ef]?.model??(0,u.defaultModelForEngine)(ef),onChange:e=>ey(["engines",ef,"model"],e??(0,u.defaultModelForEngine)(ef))})})]}),(0,a.jsxs)(M,{title:"モデルの自動追従",children:[(0,a.jsx)("a",{href:"/models",className:"text-sm underline",children:"モデル一覧・更新方針・社員と定期実行の固定設定を管理する"}),(0,a.jsx)(D,{label:"管理者Slack ID",htmlFor:"operator-slack-id",children:(0,a.jsx)(O,{id:"operator-slack-id",value:Y.portal?.operatorSlackId??"",onChange:e=>ey(["portal","operatorSlackId"],e),placeholder:"U0123456789"})})]}),(0,a.jsxs)(M,{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)(D,{label:"Binary Path",children:(0,a.jsx)(O,{value:Y.engines?.claude?.bin??"",onChange:e=>ey(["engines","claude","bin"],e),placeholder:"claude"})}),(0,a.jsx)(D,{label:"Model",htmlFor:"claude-engine-model",children:(0,a.jsx)(b,{id:"claude-engine-model",engine:"claude",model:Y.engines?.claude?.model??(0,u.defaultModelForEngine)("claude"),onChange:e=>ey(["engines","claude","model"],e??(0,u.defaultModelForEngine)("claude"))})}),(0,a.jsx)(D,{label:"Effort Level",children:(0,a.jsx)(B,{value:Y.engines?.claude?.effortLevel??"default",onChange:e=>ey(["engines","claude","effortLevel"],e),options:(0,u.claudeEffortOptionsForModel)(Y.engines?.claude?.model)})}),(0,a.jsx)(D,{label:"インタラクティブPTY",children:(0,a.jsx)(_,{checked:Y.engines?.claude?.interactive??!1,onChange:e=>ey(["engines","claude","interactive"],e)})}),(0,a.jsxs)("div",{className:"text-[length:var(--text-caption1)] text-[var(--label-secondary)] mt-[4px]",children:["有効にすると Claude の作業ターンを PTY（cc_entrypoint=cli）で実行します。 認証方法・課金・利用上限は、CLI にログインしたアカウントとプロバイダーの条件に従います。 SSH リモート実行の従業員は headless ",(0,a.jsx)("code",{children:"claude -p"})," にフォールバックします。",(0,a.jsx)("strong",{children:"変更の反映にはゲートウェイの再起動が必要です"}),"（保存後に ",(0,a.jsx)("code",{children:"ryoko stop && ryoko start"})," など）。"]}),(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)(D,{label:"Binary Path",children:(0,a.jsx)(O,{value:Y.engines?.codex?.bin??"",onChange:e=>ey(["engines","codex","bin"],e),placeholder:"codex"})}),(0,a.jsx)(D,{label:"Model",htmlFor:"codex-engine-model",children:(0,a.jsx)(b,{id:"codex-engine-model",engine:"codex",model:Y.engines?.codex?.model??(0,u.defaultModelForEngine)("codex"),onChange:e=>ey(["engines","codex","model"],e??(0,u.defaultModelForEngine)("codex"))})}),(0,a.jsx)(D,{label:"Effort Level",children:(0,a.jsx)(B,{value:Y.engines?.codex?.effortLevel??"default",onChange:e=>ey(["engines","codex","effortLevel"],e),options:(0,u.codexEffortOptionsForModel)(Y.engines?.codex?.model)})}),(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:"Gemini"}),(0,a.jsx)(D,{label:"Binary Path",children:(0,a.jsx)(O,{value:Y.engines?.gemini?.bin??"",onChange:e=>ey(["engines","gemini","bin"],e),placeholder:"gemini"})}),(0,a.jsx)(D,{label:"Model",htmlFor:"gemini-engine-model",children:(0,a.jsx)(b,{id:"gemini-engine-model",engine:"gemini",model:Y.engines?.gemini?.model??(0,u.defaultModelForEngine)("gemini"),onChange:e=>{ey(["engines","gemini","model"],e??(0,u.defaultModelForEngine)("gemini")),Y.engines?.gemini?.bin||ey(["engines","gemini","bin"],"gemini")}})})]}),(0,a.jsxs)(M,{title:"セッション",children:[(0,a.jsx)(D,{label:"新規メッセージで中断",children:(0,a.jsx)(_,{checked:Y.sessions?.interruptOnNewMessage??!0,onChange:e=>ey(["sessions","interruptOnNewMessage"],e)})}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--label-secondary)] mt-[4px]",children:"有効にすると、実行中のセッションに新しいメッセージを送ると現在のエージェントを停止し、 すぐに新しいメッセージの処理を開始します。無効時はメッセージはキューに入ります。"}),(0,a.jsx)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] pt-[var(--space-3)]"}),(0,a.jsx)(D,{label:"利用上限・無応答時の動作",children:(0,a.jsx)(B,{value:Y.sessions?.rateLimitStrategy??"fallback",onChange:e=>ey(["sessions","rateLimitStrategy"],e),options:[{value:"wait",label:"切り替えず、利用上限の解除を待つ"},{value:"fallback",label:"もう一方のエンジンに切り替え"}]})}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--label-secondary)] mt-[4px]",children:"「切り替え」は Claude または Codex が利用上限に達したり応答しなくなった時に、 もう一方で処理を続けます。「待機」は利用上限の解除を待って自動再開し、 無応答時はエラーとして終了します。"})]}),(0,a.jsxs)(M,{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)(P,{}),(0,a.jsx)(D,{label:"App Token",children:(0,a.jsx)(O,{type:"password",value:Y.connectors?.slack?.appToken??"",onChange:e=>ey(["connectors","slack","appToken"],e),placeholder:"xapp-..."})}),(0,a.jsxs)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mt-[-4px] mb-[var(--space-2)] pl-[var(--space-1)]",children:["Basic Information → App-Level Tokens で発行したトークン（",(0,a.jsx)("code",{children:"xapp-…"}),"）。"]}),(0,a.jsx)(D,{label:"Bot Token",children:(0,a.jsx)(O,{type:"password",value:Y.connectors?.slack?.botToken??"",onChange:e=>ey(["connectors","slack","botToken"],e),placeholder:"xoxb-..."})}),(0,a.jsxs)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mt-[-4px] mb-[var(--space-2)] pl-[var(--space-1)]",children:["ワークスペースにインストール後の OAuth & Permissions → Bot User OAuth Token（",(0,a.jsx)("code",{children:"xoxb-…"}),"）。"]}),(0,a.jsx)(D,{label:"チャンネルでセッションを共有",children:(0,a.jsx)(_,{checked:Y.connectors?.slack?.shareSessionInChannel??!1,onChange:e=>ey(["connectors","slack","shareSessionInChannel"],e)})}),(0,a.jsx)(D,{label:"許可ユーザー",children:(0,a.jsx)(O,{value:Array.isArray(Y.connectors?.slack?.allowFrom)?Y.connectors?.slack?.allowFrom?.join(", "):Y.connectors?.slack?.allowFrom??"",onChange:e=>ey(["connectors","slack","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"U123, U456"})}),(0,a.jsx)(D,{label:"起動時に古いメッセージを無視",children:(0,a.jsx)(_,{checked:Y.connectors?.slack?.ignoreOldMessagesOnBoot??!0,onChange:e=>ey(["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:"応答ゲート（respondTo）"}),["im","mpim","channel"].map(e=>(0,a.jsx)(D,{label:"im"===e?"DM（1対1）":"mpim"===e?"グループDM":"チャンネル",children:(0,a.jsx)(B,{value:Y.connectors?.slack?.respondTo?.[e]??"always",onChange:a=>ey(["connectors","slack","respondTo",e],a),options:[{value:"always",label:"常に応答"},{value:"mention",label:"@メンション時のみ"},{value:"never",label:"応答しない"}]})},e)),(0,a.jsx)(D,{label:"参加済みスレッドは再メンション不要",children:(0,a.jsx)(_,{checked:Y.connectors?.slack?.respondTo?.engagedThreads??!0,onChange:e=>ey(["connectors","slack","respondTo","engagedThreads"],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)(S,{config:Y.connectors?.slack?.triage,onChange:e=>ey(["connectors","slack","triage"],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:"Goal 判定"}),(0,a.jsx)(D,{label:"有効化",children:(0,a.jsx)(_,{checked:Y.connectors?.slack?.goalExtraction?.enabled??!0,onChange:e=>{ey(["connectors","slack","goalExtraction","enabled"],e),e&&!Y.connectors?.slack?.goalExtraction?.engine&&ey(["connectors","slack","goalExtraction","engine"],"codex")}})}),(0,a.jsx)(D,{label:"モデルのベンダー",htmlFor:"goal-model-vendor",children:(0,a.jsx)(B,{id:"goal-model-vendor",value:Y.connectors?.slack?.goalExtraction?.engine??"codex",onChange:e=>{ey(["connectors","slack","goalExtraction","engine"],e),ey(["connectors","slack","goalExtraction","model"],null)},options:u.TRIAGE_MODEL_VENDORS})}),(0,a.jsx)(D,{label:"モデル",htmlFor:"goal-model",children:(0,a.jsx)(b,{id:"goal-model",engine:Y.connectors?.slack?.goalExtraction?.engine??"codex",model:Y.connectors?.slack?.goalExtraction?.model,allowAutomatic:!0,onChange:e=>ey(["connectors","slack","goalExtraction","model"],e??null)})}),(0,a.jsx)(D,{label:"タイムアウト (ms)",children:(0,a.jsx)(O,{type:"number",value:Y.connectors?.slack?.goalExtraction?.timeoutMs!==void 0?String(Y.connectors.slack.goalExtraction.timeoutMs):"",onChange:e=>ey(["connectors","slack","goalExtraction","timeoutMs"],e.trim()?Number(e):void 0),placeholder:"30000"})}),(0,a.jsx)(D,{label:"バイナリパス上書き（任意）",children:(0,a.jsx)(O,{value:Y.connectors?.slack?.goalExtraction?.bin??"",onChange:e=>ey(["connectors","slack","goalExtraction","bin"],e.trim()||void 0),placeholder:"codex"})}),(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:"Agents View Canvas"}),Y.connectors?.slack?.appToken&&Y.connectors?.slack?.botToken&&!Y.connectors?.slack?.agentsCanvas?.enabled&&(0,a.jsxs)("div",{className:"mx-[var(--space-2)] mb-[var(--space-3)] p-[var(--space-3)] rounded-[var(--radius-md)] border border-[var(--accent-fill)] bg-[color-mix(in_srgb,var(--accent-fill)_30%,transparent)]",children:[(0,a.jsx)("div",{className:"text-[length:var(--text-subheadline)] font-[var(--weight-semibold)] text-[var(--text-primary)] mb-[var(--space-1)]",children:"💡 Slack 連携済みです — Canvas も有効化してみませんか？"}),(0,a.jsx)("div",{className:"text-[length:var(--text-caption1)] text-[var(--text-secondary)]",children:"いま動いている全 Ryoko セッションが Slack の Canvas タブにライブ表示されます。 上のセットアップガイドでアプリの権限を更新し、Botを招待した専用チャンネルを選んで保存してください。"})]}),(0,a.jsxs)("p",{className:"text-[length:var(--text-caption1)] text-[var(--text-secondary)] mb-[var(--space-2)] px-[var(--space-2)]",children:["今動いている Ryoko のセッション一覧（running / waiting / errored / idle） を Slack の Canvas に自動同期します。上のコピー用 Manifest は、Bot の",(0,a.jsx)("code",{className:"mx-1 text-[var(--accent)]",children:"canvases:write"}),"と",(0,a.jsx)("code",{className:"mx-1 text-[var(--accent)]",children:"canvases:read"}),"を含みます。既存アプリは Manifest の更新後に再インストールしてください。 対象 Canvas の編集権限も必要です。"]}),(0,a.jsx)("p",{className:"text-[length:var(--text-caption1)] text-[var(--text-secondary)] mb-[var(--space-2)] px-[var(--space-2)]",children:"既存のチャンネル Canvas は内容全体がセッション一覧に置き換わります。専用チャンネルを選んでください。 チャンネル未指定時は独立した Canvas を作成しますが、Slack のプランによっては作成・編集できません。"}),(0,a.jsx)(D,{label:"有効化",children:(0,a.jsx)(_,{checked:Y.connectors?.slack?.agentsCanvas?.enabled??!1,onChange:e=>ey(["connectors","slack","agentsCanvas","enabled"],e)})}),(0,a.jsx)(D,{label:"表示先チャンネル",children:(0,a.jsxs)("div",{className:"flex w-full gap-[var(--space-2)] items-center",children:[ex&&ex.length>0?(0,a.jsxs)("select",{className:"flex-1 bg-[var(--surface-secondary)] border border-[var(--separator)] rounded-[var(--radius-control)] px-[var(--space-3)] py-[var(--space-2)] text-[length:var(--text-body)]",value:Y.connectors?.slack?.agentsCanvas?.channelId??"",onChange:e=>ey(["connectors","slack","agentsCanvas","channelId"],e.target.value||void 0),children:[(0,a.jsx)("option",{value:"",children:"— 選択してください —"}),ex.map(e=>(0,a.jsxs)("option",{value:e.id,children:[e.isPrivate?"🔒 ":"#",e.name]},e.id))]}):(0,a.jsx)(O,{value:Y.connectors?.slack?.agentsCanvas?.channelId??"",onChange:e=>ey(["connectors","slack","agentsCanvas","channelId"],e.trim()||void 0),placeholder:"C01234ABCDE — bot が member のチャンネル"}),(0,a.jsx)("button",{type:"button",onClick:eb,disabled:eh,className:"px-[var(--space-3)] py-[var(--space-2)] text-[length:var(--text-caption1)] bg-[var(--surface-secondary)] border border-[var(--separator)] rounded-[var(--radius-control)] hover:bg-[var(--surface-tertiary)] disabled:opacity-50",children:eh?(0,a.jsx)(i.Loader2,{className:"h-4 w-4 animate-spin"}):ex?"更新":"読み込み"})]})}),eu?(0,a.jsx)("p",{className:"text-[length:var(--text-caption1)] text-[var(--accent-red,#ef4444)] px-[var(--space-2)] -mt-[var(--space-1)] mb-[var(--space-2)]",children:eu}):null,(0,a.jsx)(D,{label:"Canvas タイトル",children:(0,a.jsx)(O,{value:Y.connectors?.slack?.agentsCanvas?.title??"",onChange:e=>ey(["connectors","slack","agentsCanvas","title"],e.trim()||void 0),placeholder:"Ryoko Agents View"})}),(0,a.jsx)(D,{label:"更新間隔 (ms)",children:(0,a.jsx)(O,{type:"number",value:Y.connectors?.slack?.agentsCanvas?.pollIntervalMs!==void 0?String(Y.connectors.slack.agentsCanvas.pollIntervalMs):"",onChange:e=>ey(["connectors","slack","agentsCanvas","pollIntervalMs"],e.trim()?Number(e):void 0),placeholder:"30000（30秒, 最小 5000）"})}),(0,a.jsx)(D,{label:"グループ毎の最大表示件数",children:(0,a.jsx)(O,{type:"number",value:Y.connectors?.slack?.agentsCanvas?.maxPerGroup!==void 0?String(Y.connectors.slack.agentsCanvas.maxPerGroup):"",onChange:e=>ey(["connectors","slack","agentsCanvas","maxPerGroup"],e.trim()?Number(e):void 0),placeholder:"10"})}),(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)(D,{label:"Bot Token",children:(0,a.jsx)(O,{type:"password",value:Y.connectors?.discord?.botToken??"",onChange:e=>ey(["connectors","discord","botToken"],e),placeholder:"Bot token..."})}),(0,a.jsx)(D,{label:"Allow From",children:(0,a.jsx)(O,{value:Array.isArray(Y.connectors?.discord?.allowFrom)?Y.connectors?.discord?.allowFrom?.join(", "):Y.connectors?.discord?.allowFrom??"",onChange:e=>ey(["connectors","discord","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"User IDs, comma-separated (optional)"})}),(0,a.jsx)(D,{label:"Guild ID",children:(0,a.jsx)(O,{value:Y.connectors?.discord?.guildId??"",onChange:e=>ey(["connectors","discord","guildId"],e.trim()||void 0),placeholder:"サーバー/Guild ID（任意）"})}),(0,a.jsx)(D,{label:"Channel ID",children:(0,a.jsx)(O,{value:Y.connectors?.discord?.channelId??"",onChange:e=>ey(["connectors","discord","channelId"],e.trim()||void 0),placeholder:"このチャンネルに限定（右クリック → Copy Channel ID）"})}),(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:"応答ゲート（respondTo）"}),["dm","channel"].map(e=>(0,a.jsx)(D,{label:"dm"===e?"DM（1対1・グループ）":"チャンネル/スレッド",children:(0,a.jsx)(B,{value:Y.connectors?.discord?.respondTo?.[e]??"always",onChange:a=>ey(["connectors","discord","respondTo",e],a),options:[{value:"always",label:"常に応答"},{value:"mention",label:"@メンション/リプライ時のみ"},{value:"never",label:"応答しない"}]})},e)),(0,a.jsx)(D,{label:"参加済みスレッドは再メンション不要",children:(0,a.jsx)(_,{checked:Y.connectors?.discord?.respondTo?.engagedThreads??!0,onChange:e=>ey(["connectors","discord","respondTo","engagedThreads"],e)})}),(0,a.jsx)(D,{label:"返信スタイル（平場チャンネル）",children:(0,a.jsx)(B,{value:Y.connectors?.discord?.replyStyle??"channel",onChange:e=>ey(["connectors","discord","replyStyle"],e),options:[{value:"channel",label:"そのままチャンネルへ"},{value:"reply",label:"元メッセージにリプライ"},{value:"thread",label:"スレッドを作成して返信"}]})}),(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)(D,{label:"Bot Token",children:(0,a.jsx)(O,{type:"password",value:Y.connectors?.telegram?.botToken??"",onChange:e=>ey(["connectors","telegram","botToken"],e),placeholder:"123456:ABC-DEF..."})}),(0,a.jsx)(D,{label:"許可ユーザー (User ID)",children:(0,a.jsx)(O,{value:Array.isArray(Y.connectors?.telegram?.allowFrom)?Y.connectors?.telegram?.allowFrom?.join(", "):"",onChange:e=>ey(["connectors","telegram","allowFrom"],e.trim()?e.split(",").map(e=>Number(e.trim())).filter(e=>!isNaN(e)):void 0),placeholder:"Telegram の User ID をカンマ区切り（任意）"})}),(0,a.jsx)(D,{label:"起動時に古いメッセージを無視",children:(0,a.jsx)(_,{checked:Y.connectors?.telegram?.ignoreOldMessagesOnBoot??!0,onChange:e=>ey(["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:"初回起動時、下のQRコードを WhatsApp アプリでスキャンして接続してください。認証情報は次回以降キャッシュされます。"}),(0,a.jsx)(D,{label:"認証ディレクトリ",children:(0,a.jsx)(O,{value:Y.connectors?.whatsapp?.authDir??"",onChange:e=>ey(["connectors","whatsapp","authDir"],e.trim()||void 0),placeholder:"デフォルト: ~/.ryoko/.whatsapp-auth"})}),(0,a.jsx)(D,{label:"許可送信元",children:(0,a.jsx)(O,{value:Array.isArray(Y.connectors?.whatsapp?.allowFrom)?Y.connectors?.whatsapp?.allowFrom?.join(", "):"",onChange:e=>ey(["connectors","whatsapp","allowFrom"],e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0),placeholder:"447700900000@s.whatsapp.net, ...（任意）"})}),el&&(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:"WhatsApp でスキャンして接続"}),(0,a.jsx)("img",{src:el,alt:"WhatsApp QRコード",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:"WhatsApp → リンク済み端末 → 端末をリンク"})]}),Y.connectors?.whatsapp&&"ok"===ei&&(0,a.jsx)("div",{className:"mt-[var(--space-2)] text-[length:var(--text-caption1)] text-[var(--system-green)] font-semibold",children:"✓ 接続済み"}),(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:"コネクタインスタンス"}),(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=[...Y.connectors?.instances||[]],a=`discord-${e.length+1}`;e.push({id:a,type:"discord"}),ey(["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."}),(Y.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=[...Y.connectors?.instances||[]];e.splice(t,1),ey(["connectors","instances"],e.length>0?e:void 0)},children:(0,a.jsx)(s.Trash2,{size:14})})]}),(0,a.jsx)(D,{label:"Instance ID",children:(0,a.jsx)(O,{value:e.id??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],id:e},ey(["connectors","instances"],a)},placeholder:"e.g. discord-vox"})}),(0,a.jsx)(D,{label:"Type",children:(0,a.jsx)(B,{value:e.type??"discord",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],type:e},ey(["connectors","instances"],a)},options:[{value:"discord",label:"Discord"},{value:"slack",label:"Slack"},{value:"whatsapp",label:"WhatsApp"}]})}),(0,a.jsx)(D,{label:"Employee",children:(0,a.jsx)(B,{value:e.employee??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],employee:e||void 0},ey(["connectors","instances"],a)},options:[{value:"",label:"Default (COO)"},...ed.map(e=>({value:e.name,label:e.displayName}))]})}),("discord"===e.type||!e.type)&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(D,{label:"Bot Token",children:(0,a.jsx)(O,{type:"password",value:e.botToken??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],botToken:e},ey(["connectors","instances"],a)},placeholder:"Bot token..."})}),(0,a.jsx)(D,{label:"Guild ID",children:(0,a.jsx)(O,{value:e.guildId??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],guildId:e.trim()||void 0},ey(["connectors","instances"],a)},placeholder:"Server/Guild ID"})}),(0,a.jsx)(D,{label:"Channel ID",children:(0,a.jsx)(O,{value:e.channelId??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],channelId:e.trim()||void 0},ey(["connectors","instances"],a)},placeholder:"Restrict to channel (optional)"})}),(0,a.jsx)(D,{label:"Allow From",children:(0,a.jsx)(O,{value:Array.isArray(e.allowFrom)?e.allowFrom.join(", "):e.allowFrom??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],allowFrom:e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0},ey(["connectors","instances"],a)},placeholder:"User IDs, comma-separated (optional)"})})]}),"slack"===e.type&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(D,{label:"App Token",children:(0,a.jsx)(O,{type:"password",value:e.appToken??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],appToken:e},ey(["connectors","instances"],a)},placeholder:"xapp-..."})}),(0,a.jsx)(D,{label:"Bot Token",children:(0,a.jsx)(O,{type:"password",value:e.botToken??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],botToken:e},ey(["connectors","instances"],a)},placeholder:"xoxb-..."})})]}),"slack"===e.type&&(0,a.jsxs)("div",{className:"border-t border-[var(--separator)] mt-[var(--space-3)] 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:"空気読みトリアージ"}),(0,a.jsx)(S,{config:e.triage,showCredentials:!1,onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],triage:e},ey(["connectors","instances"],a)}})]}),"whatsapp"===e.type&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(D,{label:"Auth Directory",children:(0,a.jsx)(O,{value:e.authDir??"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],authDir:e.trim()||void 0},ey(["connectors","instances"],a)},placeholder:"Default: ~/.jinn/.whatsapp-auth"})}),(0,a.jsx)(D,{label:"Allow From",children:(0,a.jsx)(O,{value:Array.isArray(e.allowFrom)?e.allowFrom.join(", "):"",onChange:e=>{let a=[...Y.connectors?.instances||[]];a[t]={...a[t],allowFrom:e.trim()?e.split(",").map(e=>e.trim()).filter(Boolean):void 0},ey(["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)(M,{title:"自動化の通知",children:[(0,a.jsxs)("div",{className:"text-[length:var(--text-caption2)] text-[var(--text-tertiary)] mb-[var(--space-3)]",children:["ジョブの作成・有効化・実行は",(0,a.jsx)("a",{href:"/cron",className:"text-[var(--accent)] underline",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)(D,{label:"Connector",children:(0,a.jsx)(B,{value:Y.cron?.defaultDelivery?.connector??"",onChange:e=>ey(["cron","defaultDelivery","connector"],e||void 0),options:[{value:"",label:"None (fire & forget)"},{value:"web",label:"Web"},{value:"slack",label:"Slack"}]})}),Y.cron?.defaultDelivery?.connector&&(0,a.jsx)(D,{label:"Channel",children:(0,a.jsx)(O,{value:Y.cron?.defaultDelivery?.channel??"",onChange:e=>ey(["cron","defaultDelivery","channel"],e),placeholder:"#general"})}),(0,a.jsx)(A,{connectorOptions:function(e){let a=new Set;for(let[t,r]of Object.entries(e.connectors??{}))"instances"!==t&&"web"!==t&&r&&"object"==typeof r&&a.add(t);for(let t of e.connectors?.instances??[])t.id&&a.add(t.id);return e.cron?.defaultDelivery?.connector&&"web"!==e.cron.defaultDelivery.connector&&a.add(e.cron.defaultDelivery.connector),Array.from(a).sort()}(Y),defaultConnector:Y.cron?.defaultDelivery?.connector,defaultChannel:Y.cron?.defaultDelivery?.channel})]}),(0,a.jsxs)(M,{title:"Logging",children:[(0,a.jsx)(D,{label:"Level",children:(0,a.jsx)(B,{value:Y.logging?.level??"info",onChange:e=>ey(["logging","level"],e),options:[{value:"debug",label:"Debug"},{value:"info",label:"Info"},{value:"warn",label:"Warn"},{value:"error",label:"Error"}]})}),(0,a.jsx)(D,{label:"Stdout",children:(0,a.jsx)(_,{checked:Y.logging?.stdout??!0,onChange:e=>ey(["logging","stdout"],e)})}),(0,a.jsx)(D,{label:"File Logging",children:(0,a.jsx)(_,{checked:Y.logging?.file??!1,onChange:e=>ey(["logging","file"],e)})})]}),(0,a.jsx)($,{}),(0,a.jsxs)("div",{className:"flex justify-end gap-[var(--space-3)] mb-[var(--space-6)]",children:[(0,a.jsxs)("button",{onClick:()=>ej(),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}),"再読み込み"]}),(0,a.jsxs)("button",{onClick:function(){er(!0),es(null),h.api.updateConfig(Y).then(e=>{if(e?.connectorsReloadError)return void es({type:"error",message:`Settings saved but connector reload failed: ${e.connectorsReloadError}`});let a=e?.connectorsReload?.errors??[];e?.status==="partial"||a.length>0?es({type:"error",message:`Settings saved but ${a.length} connector(s) failed: ${a.join("; ")}`}):es({type:"success",message:"Settings saved successfully"})}).catch(e=>es({type:"error",message:`Failed to save: ${e.message}`})).finally(()=>er(!1))},disabled:et,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:et?"wait":"pointer",opacity:et?.7:1},children:[(0,a.jsx)(o,{size:14}),et?"保存中…":"設定を保存"]})]})]}),(0,a.jsx)(M,{title:"リセット",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}),"オンボーディングを再実行"]}),(0,a.jsxs)("button",{onClick:()=>{window.confirm("すべての設定を初期値に戻しますか？")&&(localStorage.removeItem("jinn-settings"),localStorage.removeItem("jinn-theme"),N(),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)(s.Trash2,{size:14}),"すべての設定をリセット"]})]})})]})})})}],82074)}]);