https://app.tyquill.ai/assets/_personaId-9BuTqzrC.js

1import{A as E,r as l,g as k,j as e,p as z}from"./index-Dgn6DKPx.js";import{B as t}from"./index-CA1oIEuC.js";import{S as n}from"./skeleton-CqNL6c1Z.js";import{C as x,a as g,d as u,c as P,b as S}from"./card-CUy5snoM.js";import{P as R}from"./page-breadcrumb-BFJdCzkb.js";import{P as h}from"./page-container-BDM2U9rw.js";import{M as q}from"./markdown-renderer-BUM9aw0z.js";import{E as L}from"./eye-Cwhg2jOa.js";import{C as M}from"./code-yDb0KUMc.js";import{C as T}from"./chevron-left-CXUSZ_-Y.js";import{C as B}from"./chevron-right-B-l8byzU.js";import"./tooltip-Wxteot61.js";import"./index-DLKsWNUv.js";import"./index-BGAq7GE9.js";function X(){const{personaId:i}=E.useParams(),[j,o]=l.useState(0),[d,f]=l.useState("rendered"),{data:r,isLoading:c,error:p,refetch:w,isRefetching:v}=k({queryKey:["persona",i],queryFn:()=>z.getPersona(i)});if(l.useEffect(()=>{c?document.title="Loading… | Tyquill":r?.name?document.title=`${r.name} | Tyquill`:document.title="Tyquill"},[c,r?.name]),l.useEffect(()=>{o(0)},[i]),c)return e.jsx(h,{children:e.jsx("div",{className:"mx-auto w-full max-w-4xl mt-6",children:e.jsxs(x,{children:[e.jsxs(g,{children:[e.jsx(n,{className:"mt-2 h-6 w-3/4"}),e.jsx(n,{className:"h-4 w-40"})]}),e.jsx(u,{children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(n,{className:"h-32 w-full"}),e.jsx(n,{className:"h-32 w-full"}),e.jsx(n,{className:"h-32 w-full"})]})})]})})});if(p)return e.jsx(h,{children:e.jsxs("div",{className:"mt-6 flex items-center justify-between gap-4 rounded-md border border-red-200 bg-red-50 p-4 text-red-700",children:[e.jsx("div",{className:"truncate",children:String(p)}),e.jsx(t,{variant:"outline",onClick:()=>w(),disabled:v,children:"Refresh"})]})});if(!r)return null;const N=[...r.examples].sort((a,y)=>a.order-y.order),m=N[j],s=N.length,C=()=>{o(a=>a>0?a-1:s-1)},b=()=>{o(a=>a<s-1?a+1:0)};return e.jsxs(h,{children:[e.jsx(R,{segments:[{label:"Writing Styles",to:"/workspace/styles"},{label:r.name}]}),e.jsx("div",{className:"mx-auto w-full max-w-4xl mt-6",children:e.jsxs(x,{children:[e.jsxs(g,{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(P,{className:"text-2xl leading-snug",children:r.name}),s>0&&e.jsxs("div",{className:"flex gap-1 border rounded-md",children:[e.jsx(t,{size:"sm",variant:d==="rendered"?"secondary":"ghost",onClick:()=>f("rendered"),className:"rounded-r-none",children:e.jsx(L,{className:"size-4"})}),e.jsx(t,{size:"sm",variant:d==="raw"?"secondary":"ghost",onClick:()=>f("raw"),className:"rounded-l-none",children:e.jsx(M,{className:"size-4"})})]})]}),e.jsxs(S,{className:"text-xs text-muted-foreground",children:["생성 일시: ",new Date(r.createdAt).toLocaleString()]})]}),e.jsx(u,{children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("h3",{className:"text-sm font-semibold",children:["작성 예시 (",s,"개)"]}),s>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs text-muted-foreground",children:[j+1," / ",s]}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx(t,{size:"sm",variant:"outline",onClick:C,disabled:s<=1,children:e.jsx(T,{className:"size-4"})}),e.jsx(t,{size:"sm",variant:"outline",onClick:b,disabled:s<=1,children:e.jsx(B,{className:"size-4"})})]})]})]}),s>0&&m?e.jsx(x,{className:"bg-muted/50",children:e.jsx(u,{className:"pt-4",children:d==="rendered"?e.jsx(q,{content:m.content,className:"prose prose-sm dark:prose-invert max-w-none"}):e.jsx("pre",{className:"text-sm whitespace-pre-wrap font-mono text-muted-foreground",children:m.content})})}):e.jsx("p",{className:"text-sm text-muted-foreground",children:"작성 예시가 없습니다."})]})})]})})]})}export{X as component};