1import{d as I,c as C,r as _,ai as R,w as B,n as D,o as H,j as c,l as s,p as t,k as e,q as o,v as x,t as l,F as M,x as N,X as g,$ as E,a7 as v,y as F,i as u}from"./vue-vendor-BajbYnZd.js";import{_ as K}from"./AppHead.vue_vue_type_script_setup_true_lang-CcwBrtV7.js";import{A as U}from"./AppCoin-DSUNtt-z.js";import{u as q,aM as W,r as X,i as $,bs as y,bt as b,bu as w,S as Y,k as L}from"./app-DwOHsFuL.js";import{_ as G}from"./index-BvGfA0ui.js";import{_ as J}from"./Textarea.vue_vue_type_script_setup_true_lang-D8Jy0u8X.js";import{C as O}from"./chevron-left-DgxdBHnH.js";import{S as Q}from"./send-CO64hHfk.js";import{C as Z}from"./coins-DWf7i_vh.js";import"./_commonjsHelpers-DsqdWQfm.js";import"./lodash-vendor-CgOBijZN.js";import"./swiper-vendor-yQEe4ke0.js";const ee={class:"wrapper h-[calc(100dvh-64px-40px)] lg:h-[calc(100dvh-64px-52px)] flex flex-col min-h-0 bg-linear-to-br from-background via-background to-muted/20"},te={class:"bg-card/80 backdrop-blur-sm border-b shrink-0 py-4 sm:py-6",role:"banner"},se={class:"flex items-center gap-3"},ae={class:"flex items-center gap-3 flex-1 min-w-0"},re={class:"flex-1 min-w-0"},ie={class:"flex items-center gap-2 mb-0.5"},oe={class:"text-base md:text-lg font-semibold truncate"},le={class:"text-xs md:text-sm text-muted-foreground line-clamp-1"},ne={class:"text-sm leading-relaxed whitespace-pre-wrap wrap-break-word"},ue={class:"text-xs text-muted-foreground mt-1.5 px-1"},de={key:1,class:"w-8 h-8 shrink-0"},me={key:0,class:"flex gap-3 max-w-3xl mr-auto justify-start"},ce={class:"max-w-4xl mx-auto"},pe={class:"flex gap-3 items-center"},fe={class:"shrink-0 flex flex-col items-center"},xe={class:"shrink-0 flex items-center gap-2 px-2 py-0.5 bg-linear-to-r from-primary/10 to-orange-500/10 rounded-full border border-primary/20"},ge={class:"text-[11px] text-gray-400 mt-1 text-center"},he={key:0,class:"mt-3 flex items-center gap-2 text-xs text-destructive bg-destructive/10 px-3 py-2 rounded-lg"},j=5,je=I({__name:"ShowPage",setup(_e){const k=q(),{user:P}=W(),T=C(()=>P.value.points.total),r={name:"Luna AI",rating:4.8,description:"Your creative writing assistant with expertise in storytelling and content creation",avatar:"",slug:"luna-ai"},d=_([{id:1,role:"ai",text:"Hello! I'm Luna, your creative writing assistant. How can I help you today?",timestamp:"10:30 AM"},{id:2,role:"user",text:"Hi Luna! Can you help me write a short story?",timestamp:"10:31 AM"},{id:3,role:"ai",text:"Absolutely! I'd love to help you write a short story. What genre are you interested in? Fantasy, sci-fi, romance, mystery, or something else?",timestamp:"10:31 AM"}]),m=_(""),p=R("messageAreaRef"),h=_(!1),f=C(()=>T.value>=j);function S(){p.value&&p.value.scrollTo({top:p.value.scrollHeight})}B(()=>d.value.map(n=>n.id).join(","),async()=>{await D(),S()}),H(()=>{setTimeout(()=>S(),50)});async function A(){if(!m.value.trim()||!f.value)return;const n={id:d.value.length+1,role:"user",text:m.value,timestamp:new Date().toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})};d.value.push(n),m.value="",h.value=!0,await new Promise(a=>setTimeout(a,1500));const i={id:d.value.length+1,role:"ai",text:"That's a great idea! Let me help you develop that further...",timestamp:new Date().toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})};d.value.push(i),h.value=!1}function V(n){n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),A())}return(n,i)=>(u(),c(M,null,[s(K,{title:r.name,description:r.description,url:t(k)("ai-tools.tour-guide.show",{slug:r.slug}),"og-image":r.avatar},null,8,["title","description","url","og-image"]),e("section",ee,[e("header",te,[e("div",se,[s(t($),{variant:"ghost",size:"icon",class:"shrink-0",onClick:i[0]||(i[0]=a=>t(X).visit(t(k)("ai-tools.tour-guide.index")))},{default:o(()=>[s(t(O),{class:"w-5 h-5"})]),_:1}),e("div",ae,[s(t(w),{class:"w-12 h-12 shrink-0 ring-2 ring-primary/10"},{default:o(()=>[s(t(y),{src:r.avatar,alt:r.name},null,8,["src","alt"]),s(t(b),{class:"bg-linear-to-br from-purple-500 to-blue-600 text-white font-semibold"},{default:o(()=>[x(l(r.name.split(" ").map(a=>a[0]).join("")),1)]),_:1})]),_:1}),e("div",re,[e("div",ie,[e("h1",oe,l(r.name),1),s(t(G),{variant:"secondary",class:"shrink-0 gap-1 text-xs"},{default:o(()=>[s(t(Y),{class:"w-3 h-3 fill-secondary-300 text-secondary-300"}),x(" "+l(r.rating),1)]),_:1})]),e("p",le,l(r.description),1)])])])]),e("section",{ref_key:"messageAreaRef",ref:p,class:"flex-1 min-h-0 overflow-auto py-5 space-y-4",role:"log","aria-live":"polite"},[(u(!0),c(M,null,N(d.value,a=>(u(),c("article",{key:a.id,class:v(["flex gap-3 max-w-3xl",[a.role==="user"?"ml-auto justify-end":"mr-auto justify-start"]])},[a.role==="ai"?(u(),F(t(w),{key:0,class:"w-8 h-8 shrink-0 ring-2 ring-primary/10"},{default:o(()=>[s(t(y),{src:r.avatar,alt:r.name},null,8,["src","alt"]),s(t(b),{class:"bg-linear-to-br from-purple-500 to-blue-600 text-white text-sm"},{default:o(()=>[x(l(r.name.split(" ").map(z=>z[0]).join("")),1)]),_:1})]),_:1})):g("",!0),e("div",{class:v(["flex flex-col",[a.role==="user"?"items-end":"items-start"]])},[s(t(L),{class:v(["px-4 py-3 rounded-2xl shadow-sm",[a.role==="user"?"bg-primary text-primary-foreground rounded-br-md":"bg-card border rounded-bl-md"]])},{default:o(()=>[e("p",ne,l(a.text),1)]),_:2},1032,["class"]),e("time",ue,l(a.timestamp),1)],2),a.role==="user"?(u(),c("div",de)):g("",!0)],2))),128)),h.value?(u(),c("article",me,[s(t(w),{class:"w-8 h-8 shrink-0 ring-2 ring-primary/10"},{default:o(()=>[s(t(y),{src:r.avatar,alt:r.name},null,8,["src","alt"]),s(t(b),{class:"bg-linear-to-br from-purple-500 to-blue-600 text-white text-sm"},{default:o(()=>[x(l(r.name.split(" ").map(a=>a[0]).join("")),1)]),_:1})]),_:1}),s(t(L),{class:"px-4 py-3 rounded-2xl rounded-bl-md bg-card border"},{default:o(()=>[...i[2]||(i[2]=[e("div",{class:"flex gap-1"}
1,[e("span",{class:"w-2 h-2 bg-muted-foreground/50 rounded-full animate-bounce"}),e("span",{class:"w-2 h-2 bg-muted-foreground/50 rounded-full animate-bounce [animation-delay:0.2s]"}),e("span",{class:"w-2 h-2 bg-muted-foreground/50 rounded-full animate-bounce [animation-delay:0.4s]"})],-1)])]),_:1})])):g("",!0)],512),e("form",{class:"bg-card/80 backdrop-blur-sm border-t p-3 sm:p-4 shrink-0",onSubmit:E(A,["prevent"])},[e("div",ce,[e("div",pe,[e("div",fe,[e("div",xe,[s(U,{class:"size-4 text-primary-600 dark:text-primary-400"}),e("span",{class:"text-sm font-semibold text-primary-700 dark:text-primary-300"},l(j))]),e("div",ge," å© "+l(T.value)+" pts ",1)]),s(t(J),{modelValue:m.value,"onUpdate:modelValue":i[1]||(i[1]=a=>m.value=a),placeholder:"Type your message...",rows:"1",class:"flex-1 min-h-0 max-h-16 resize-none",disabled:!f.value,onKeypress:V},null,8,["modelValue","disabled"]),s(t($),{disabled:!m.value.trim()||!f.value,size:"lg",class:"gap-2 px-6",type:"submit"},{default:o(()=>[s(t(Q),{class:"size-4"}),i[3]||(i[3]=e("span",{class:"hidden sm:inline"},"Send",-1))]),_:1},8,["disabled"])]),f.value?g("",!0):(u(),c("div",he,[s(t(Z),{class:"w-3.5 h-3.5"}),i[4]||(i[4]=e("span",null,"Insufficient points. Please purchase more points to continue chatting.",-1))]))])],32)])],64))}});export{je as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.