@sunpix/claude-code-web
Version:
A web-based interface for interacting with Claude Code CLI
2 lines (1 loc) • 5.3 kB
JavaScript
import{u as e}from"./B_x75UOw.js";import{a as t,c as s}from"./BonREZMq.js";import{_ as a,a as l,b as d,c as o,d as c,e as u,f as m}from"./Bf1Xoc5j.js";import{_ as r}from"./BJafeeJo.js";import{z as i,e as p,A as n,c as f,a as x,b as h,w as _,f as v,F as y,l as g,t as k,o as b,d as V,n as S,y as M,B as w}from"./sqhd64MX.js";const j=t("monitor",[["rect",{width:"20",height:"14",x:"2",y:"3",rx:"2",key:"48i651"}],["line",{x1:"8",x2:"16",y1:"21",y2:"21",key:"1svkeh"}],["line",{x1:"12",x2:"12",y1:"17",y2:"21",key:"vw1qmm"}]]),T=t("moon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]),U=t("sun",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]),A={class:"flex-1 space-y-8 p-6 pb-16 max-w-4xl mx-auto"},C={class:"space-y-6"},z={class:"ml-6 space-y-6"},q={class:"space-y-3"},D={class:"grid max-w-md grid-cols-3 gap-3"},F=["onClick"],L={class:"space-y-2"},B={class:"flex items-center space-x-2"},E={class:"text-sm font-medium"},H={class:"text-xs text-muted-foreground"},I={class:"space-y-6"},N={class:"ml-6 space-y-6"},O={class:"space-y-3"},Z={class:"space-y-3"},G={class:"space-y-3"},J={class:"flex items-center space-x-4"},K={class:"text-sm text-muted-foreground"},P=p({__name:"settings",setup(t){const p=i("color-mode").value,P=e();n();const Q=[{value:"light",label:"Light",description:"Light mode",icon:U},{value:"dark",label:"Dark",description:"Dark mode",icon:T},{value:"auto",label:"System",description:"Use system setting",icon:j}];return(e,t)=>(b(),f("div",A,[t[21]||(t[21]=x("div",{class:"space-y-0.5"},[x("h2",{class:"text-2xl font-bold tracking-tight"},"Settings"),x("p",{class:"text-muted-foreground"}," Manage your account settings and preferences. ")],-1)),x("div",C,[t[5]||(t[5]=x("div",{class:"space-y-2"},[x("h3",{class:"text-lg font-medium"},"Appearance"),x("p",{class:"text-sm text-muted-foreground"},"Customize the look and feel of the interface.")],-1)),x("div",z,[x("div",q,[h(v(a),{class:"text-base"},{default:_(()=>t[3]||(t[3]=[V("Theme")])),_:1,__:[3]}),t[4]||(t[4]=x("p",{class:"text-sm text-muted-foreground"}," Select the theme for the dashboard. ",-1)),x("div",D,[(b(),f(y,null,g(Q,e=>x("div",{key:e.value,onClick:t=>v(p).preference=e.value,class:S(v(s)("cursor-pointer rounded-lg border-2 p-3 hover:bg-accent",v(p).preference===e.value?"border-primary":"border-muted"))},[x("div",L,[x("div",B,[(b(),M(w(e.icon),{class:"h-4 w-4"})),x("span",E,k(e.label),1)]),x("p",H,k(e.description),1)])],10,F)),64))])])])]),h(v(r)),x("div",I,[t[20]||(t[20]=x("div",{class:"space-y-2"},[x("h3",{class:"text-lg font-medium"},"Text-to-Speech"),x("p",{class:"text-sm text-muted-foreground"},"Configure voice synthesis for AI responses.")],-1)),x("div",N,[x("div",O,[h(v(a),{for:"tts-voice",class:"text-base"},{default:_(()=>t[6]||(t[6]=[V("Voice")])),_:1,__:[6]}),t[13]||(t[13]=x("p",{class:"text-sm text-muted-foreground"}," Select the voice for text-to-speech. ",-1)),h(v(u),{modelValue:v(P).ttsVoice,"onUpdate:modelValue":[t[0]||(t[0]=e=>v(P).ttsVoice=e),v(P).setTtsVoice]},{default:_(()=>[h(v(l),{id:"tts-voice",class:"w-[200px]"},{default:_(()=>[h(v(d),{placeholder:"Select a voice"})]),_:1}),h(v(o),null,{default:_(()=>[h(v(c),{value:"alloy"},{default:_(()=>t[7]||(t[7]=[V("Alloy")])),_:1,__:[7]}),h(v(c),{value:"echo"},{default:_(()=>t[8]||(t[8]=[V("Echo")])),_:1,__:[8]}),h(v(c),{value:"fable"},{default:_(()=>t[9]||(t[9]=[V("Fable")])),_:1,__:[9]}),h(v(c),{value:"onyx"},{default:_(()=>t[10]||(t[10]=[V("Onyx")])),_:1,__:[10]}),h(v(c),{value:"nova"},{default:_(()=>t[11]||(t[11]=[V("Nova")])),_:1,__:[11]}),h(v(c),{value:"shimmer"},{default:_(()=>t[12]||(t[12]=[V("Shimmer")])),_:1,__:[12]})]),_:1})]),_:1},8,["modelValue","onUpdate:modelValue"])]),x("div",Z,[h(v(a),{for:"tts-model",class:"text-base"},{default:_(()=>t[14]||(t[14]=[V("Model")])),_:1,__:[14]}),t[17]||(t[17]=x("p",{class:"text-sm text-muted-foreground"}," Choose the TTS model quality. ",-1)),h(v(u),{modelValue:v(P).ttsModel,"onUpdate:modelValue":[t[1]||(t[1]=e=>v(P).ttsModel=e),v(P).setTtsModel]},{default:_(()=>[h(v(l),{id:"tts-model",class:"w-[200px]"},{default:_(()=>[h(v(d),{placeholder:"Select a model"})]),_:1}),h(v(o),null,{default:_(()=>[h(v(c),{value:"tts-1"},{default:_(()=>t[15]||(t[15]=[V("Standard (tts-1)")])),_:1,__:[15]}),h(v(c),{value:"tts-1-hd"},{default:_(()=>t[16]||(t[16]=[V("HD (tts-1-hd)")])),_:1,__:[16]})]),_:1})]),_:1},8,["modelValue","onUpdate:modelValue"])]),x("div",G,[h(v(a),{for:"tts-speed",class:"text-base"},{default:_(()=>t[18]||(t[18]=[V("Speed")])),_:1,__:[18]}),t[19]||(t[19]=x("p",{class:"text-sm text-muted-foreground"}," Adjust the speech speed (0.25 - 4.0). ",-1)),x("div",J,[h(v(m),{id:"tts-speed",type:"number",modelValue:v(P).ttsSpeed,"onUpdate:modelValue":[t[2]||(t[2]=e=>v(P).ttsSpeed=e),v(P).setTtsSpeed],modelModifiers:{number:!0},min:"0.25",max:"4.0",step:"0.25",class:"w-[100px]"},null,8,["modelValue","onUpdate:modelValue"]),x("span",K,k(v(P).ttsSpeed)+"x",1)])])])])]))}});export{P as default};