https://app.tyquill.ai/assets/_personaId-C89U-bVw.js

1import{s as T,r as i,l as z,g as k,j as e,p as S}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 N,d as u,c as q,b as R}from"./card-CUy5snoM.js";import{P as I}from"./page-breadcrumb-BFJdCzkb.js";import{M as L}from"./markdown-renderer-BUM9aw0z.js";import{T as M,a as B,b as A,c as D}from"./tooltip-Wxteot61.js";import{P as F}from"./plus-BXeH85nO.js";import{E as W}from"./eye-Cwhg2jOa.js";import{C as $}from"./code-yDb0KUMc.js";import{C as H}from"./chevron-left-CXUSZ_-Y.js";import{C as K}from"./chevron-right-B-l8byzU.js";import"./index-DLKsWNUv.js";import"./index-BGAq7GE9.js";function te(){const{personaId:l}=T({from:"/persona/$personaId"}),[h,o]=i.useState(0),[d,j]=i.useState("rendered"),{setPersona:g,openSidebar:v}=z(),{data:s,isLoading:c,error:p,refetch:w,isRefetching:C}=k({queryKey:["persona",l],queryFn:()=>S.getPersona(l)});if(i.useEffect(()=>{c?document.title="Loading… | Tyquill":s?.name?document.title=`${s.name} | Tyquill`:document.title="Tyquill"},[c,s?.name]),i.useEffect(()=>{o(0)},[l]),c)return e.jsx("div",{className:"mx-auto w-full max-w-4xl",children:e.jsxs(x,{children:[e.jsxs(N,{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.jsxs("div",{className:"mt-4 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:C,children:"Refresh"})]});if(!s)return null;const f=[...s.examples].sort((a,P)=>a.order-P.order),m=f[h],r=f.length,b=()=>{o(a=>a>0?a-1:r-1)},y=()=>{o(a=>a<r-1?a+1:0)},E=()=>{g({id:s.id,name:s.name}),v(!0)};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-4",children:[e.jsx(I,{segments:[{label:"Persona",to:"/persona"},{label:s.name}]}),e.jsx(M,{children:e.jsxs(B,{children:[e.jsx(A,{asChild:!0,children:e.jsx(t,{size:"sm",variant:"outline",onClick:E,children:e.jsx(F,{className:"size-4"})})}),e.jsx(D,{children:"글쓰기에 추가"})]})})]}),e.jsx("div",{className:"mx-auto w-full max-w-4xl",children:e.jsxs(x,{children:[e.jsxs(N,{children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(q,{className:"text-2xl leading-snug",children:s.name}),r>0&&e.jsxs("div",{className:"flex gap-1 border rounded-md",children:[e.jsx(t,{size:"sm",variant:d==="rendered"?"secondary":"ghost",onClick:()=>j("rendered"),className:"rounded-r-none",children:e.jsx(W,{className:"size-4"})}),e.jsx(t,{size:"sm",variant:d==="raw"?"secondary":"ghost",onClick:()=>j("raw"),className:"rounded-l-none",children:e.jsx($,{className:"size-4"})})]})]}),e.jsxs(R,{className:"text-xs text-muted-foreground",children:["생성 일시: ",new Date(s.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:["작성 예시 (",r,"개)"]}),r>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-xs text-muted-foreground",children:[h+1," / ",r]}),e.jsxs("div",{className:"flex gap-1",children:[e.jsx(t,{size:"sm",variant:"outline",onClick:b,disabled:r<=1,children:e.jsx(H,{className:"size-4"})}),e.jsx(t,{size:"sm",variant:"outline",onClick:y,disabled:r<=1,children:e.jsx(K,{className:"size-4"})})]})]})]}),r>0&&m?e.jsx(x,{className:"bg-muted/50",children:e.jsx(u,{className:"pt-4",children:d==="rendered"?e.jsx(L,{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{te as component};