@jheavenknows/bluerouter 5.0.69 → 5.0.71

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/prompt-logs/page-dda9b8c0f1598d99.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7692],{55478:(e,t,r)=>{"use strict";r.d(t,{default:()=>k});var s=r(95155),a=r(12115);let o={client:"Client request",source:"Source request",openai:"OpenAI normalized",target:"Provider request",provider_response:"Provider response",error:"Error"},l={client:"bg-blue-500/10 text-blue-600 border-blue-500/20",source:"bg-cyan-500/10 text-cyan-600 border-cyan-500/20",openai:"bg-purple-500/10 text-purple-600 border-purple-500/20",target:"bg-orange-500/10 text-orange-600 border-orange-500/20",provider_response:"bg-green-500/10 text-green-600 border-green-500/20",error:"bg-red-500/10 text-red-600 border-red-500/20"};function n(e){if(!e)return"-";try{let t=function(e){if(!e)return"";if(e instanceof Date)return e.toISOString();let t=String(e).trim();if(!t)return"";let r=t.replace(" ","T");return/(?:Z|[+-]\d{2}:?\d{2})$/i.test(r)?r:`${r}Z`}(e),r=new Date(t);if(Number.isNaN(r.getTime()))return String(e);return r.toLocaleString("vi-VN",{timeZone:"Asia/Ho_Chi_Minh",day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}catch{return e}}function d(e,t=240){let r=String(e||"").replace(/\s+/g," ").trim();return r.length>t?`${r.slice(0,t)}...`:r}function i(e){let t=String(e||"").trim();if(!t)return"";try{return new URL(t).hostname||""}catch{return t.replace(/^https?:\/\//,"").replace(/\/.*$/,"").replace(/:\d+$/,"")}}function c(e){return e?.provider_name||e?.provider_label||e?.provider_id||e?.provider||i(e?.provider_url)||i(e?.endpoint)||""}function x(e){if(e?.display_model)return e.display_model;let t=e?.model||"-",r=c(e);return!r||"-"===t||String(t).startsWith(`${r}/`)?t:`${r}/${t}`}function m(e){if(!e)return null;if("object"==typeof e)return e;try{return JSON.parse(e)}catch{return null}}function p({copied:e,onClick:t,label:r="Copy"}){return(0,s.jsx)("button",{type:"button",onClick:t,className:`rounded-xl border px-3 py-1.5 text-xs font-medium shadow-sm transition ${e?"border-emerald-500/30 bg-emerald-500/10 text-emerald-600":"border-zinc-200 bg-white text-zinc-900 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-800"}`,children:e?"Đ\xe3 copy":r})}function u({value:e}){let t=m(e),r=t?JSON.stringify(t,null,2):String(e||"");return(0,s.jsx)("pre",{className:"max-h-[42vh] max-w-full overflow-auto whitespace-pre-wrap break-words rounded-2xl bg-zinc-950 p-4 text-xs leading-relaxed text-zinc-100 shadow-inner [overflow-wrap:anywhere]",children:r||"No JSON"})}function b({value:e,empty:t="No content"}){return(0,s.jsx)("pre",{className:"max-h-[42vh] max-w-full overflow-auto whitespace-pre-wrap break-words rounded-2xl border border-zinc-200 bg-white p-4 font-mono text-xs leading-relaxed text-zinc-950 shadow-sm [overflow-wrap:anywhere] dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100",children:e||t})}function h({label:e,value:t}){return(0,s.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-sm",children:[(0,s.jsx)("div",{className:"text-xs uppercase tracking-wide text-text-muted",children:e}),(0,s.jsx)("div",{className:"mt-1 text-2xl font-semibold text-text-main",children:t})]})}function g({stage:e}){let t=l[e]||"bg-surface text-text-main border-border";return(0,s.jsx)("span",{className:`inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium ${t}`,children:o[e]||e||"-"})}function f({label:e,value:t}){return(0,s.jsxs)("div",{className:"rounded-2xl border border-zinc-200 bg-white p-3 shadow-sm dark:border-zinc-700 dark:bg-zinc-950",children:[(0,s.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-wide text-text-muted",children:e}),(0,s.jsx)("pre",{className:"mt-2 whitespace-pre-wrap break-words font-mono text-xs leading-relaxed text-text-main",children:t||"-"})]})}let j=["prompt","Prompt"],N=["request","Request JSON"],v=["response","Response text"],w=["responseJson","Response JSON"],y=["meta","Metadata"];function _(e){return"provider_response"===e?[v,w,y]:"client"===e||"source"===e||"openai"===e||"target"===e?[j,N,y]:[j,N,v,w,y]}function k(){let[e,t]=(0,a.useState)({keyword:"",model:"",stage:"",comboName:"",sourceTool:"",clientIp:"",sessionId:"",dateFrom:"",dateTo:"",limit:"50",offset:"0"}),[r,l]=(0,a.useState)([]),[i,j]=(0,a.useState)([]),[N,v]=(0,a.useState)([]),[w,y]=(0,a.useState)([]),[k,z]=(0,a.useState)(0),[S,C]=(0,a.useState)(null),[T,I]=(0,a.useState)(""),[$,E]=(0,a.useState)(""),[P,O]=(0,a.useState)(!1),[M,q]=(0,a.useState)(null),[J,D]=(0,a.useState)("prompt"),[F,L]=(0,a.useState)(""),[R,A]=(0,a.useState)(""),U=(0,a.useMemo)(()=>{let t=Number(e.limit||50);return Math.floor(Number(e.offset||0)/t)+1},[e.limit,e.offset]),H=(0,a.useCallback)(async()=>{O(!0),E(""),I("");try{let t=new URLSearchParams;Object.entries(e).forEach(([e,r])=>{String(r||"").trim()&&t.set(e,String(r).trim())});let r=await fetch(`/api/dashboard/prompt-logs?${t}`),s=await r.json();if(!r.ok)throw Error(s.error||"Failed to load prompt logs");l(s.rows||[]),j(s.models||[]),v(s.stages||[]),y(s.combos||[]),z(s.total||0),C(s.dbInfo||null),s.disabled&&I("Database prompt logging is disabled. Enable it in Dashboard -> MITM -> Prompt Log Database."),s.missing&&I("Prompt log database/table has no data yet, or the configured database is not initialized.")}catch(e){E(e.message||"Failed to load prompt logs")}finally{O(!1)}},[e]);(0,a.useEffect)(()=>{H()},[H]);let Z=e=>{t(t=>({...t,...e,offset:void 0!==e.offset?e.offset:"0"}))},V=async e=>{E("");try{var t;let r=await fetch(`/api/dashboard/prompt-logs/${encodeURIComponent(e)}`),s=await r.json();if(!r.ok)throw Error(s.error||"Failed to load detail");q(s.row),D((t=s.row?.stage,_(t)?.[0]?.[0]||"meta"))}catch(e){E(e.message||"Failed to load detail")}},B=async(e,t="copy")=>{let r=function(e){if(null==e||""===e)return"";if("string"==typeof e){let t=m(e);return t?JSON.stringify(t,null,2):e}if("object"==typeof e)try{return JSON.stringify(e,null,2)}catch{}return String(e)}(e);await navigator.clipboard.writeText(r),L(t),A("Đ\xe3 copy v\xe0o clipboard"),window.setTimeout(()=>{L(e=>e===t?"":e)},2200),window.setTimeout(()=>{A("")},2600)},K=async()=>{M?.id&&confirm("Delete this prompt log row?")&&(await fetch(`/api/dashboard/prompt-logs/${encodeURIComponent(M.id)}`,{method:"DELETE"})).ok&&(q(null),H())};return(0,a.useEffect)(()=>{if(!M)return;let e=_(M.stage);e.some(([e])=>e===J)||D(e[0]?.[0]||"meta")},[M,J]),(0,s.jsxs)("div",{className:"flex w-full max-w-none flex-col gap-5 p-3 md:p-4 lg:p-6",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 md:flex-row md:items-end md:justify-between",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h1",{className:"text-2xl font-semibold text-text-main",children:"Prompt Logs"}),(0,s.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Search Copilot/MITM prompts across the currently configured prompt log database."})]}),(0,s.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,s.jsx)("a",{href:"/dashboard/mitm",className:"rounded-xl border border-border px-3 py-2 text-sm hover:bg-surface",children:"MITM Settings"}),(0,s.jsx)("button",{onClick:H,disabled:P,className:"rounded-xl bg-primary px-3 py-2 text-sm font-medium text-white disabled:opacity-50",children:P?"Loading...":"Refresh"})]})]}),T&&(0,s.jsx)("div",{className:"rounded-2xl border border-yellow-500/30 bg-yellow-500/10 p-4 text-sm text-yellow-700 dark:text-yellow-300",children:T}),$&&(0,s.jsx)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 p-4 text-sm text-red-500",children:$}),(0,s.jsxs)("div",{className:"grid gap-4 md:grid-cols-4",children:[(0,s.jsx)(h,{label:"Matching rows",value:k}),(0,s.jsx)(h,{label:"Loaded rows",value:r.length}),(0,s.jsx)(h,{label:"Page",value:U}),(0,s.jsx)(h,{label:"Database",value:S?.type||"-"})]}),S&&(0,s.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-3 text-xs text-text-muted",children:["DB: ",(0,s.jsx)("code",{children:S.type}),S.host?(0,s.jsxs)(s.Fragment,{children:[" ","\xb7 Host: ",(0,s.jsx)("code",{children:S.host})]}):null,S.database?(0,s.jsxs)(s.Fragment,{children:[" ","\xb7 Database: ",(0,s.jsx)("code",{children:S.database})]}):null]}),(0,s.jsx)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-sm",children:(0,s.jsxs)("div",{className:"grid gap-3 md:grid-cols-4 xl:grid-cols-6",children:[(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Keyword"}),(0,s.jsx)("input",{value:e.keyword,onChange:e=>Z({keyword:e.target.value}),placeholder:"prompt, code, model, error...",className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Model"}),(0,s.jsxs)("select",{value:e.model,onChange:e=>Z({model:e.target.value}),className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30",children:[(0,s.jsx)("option",{value:"",children:"All models"}),i.map(e=>(0,s.jsx)("option",{value:e,children:e},e))]})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Stage"}),(0,s.jsxs)("select",{value:e.stage,onChange:e=>Z({stage:e.target.value}),className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30",children:[(0,s.jsx)("option",{value:"",children:"All stages"}),N.map(e=>(0,s.jsx)("option",{value:e,children:o[e]||e},e))]})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Combo"}),(0,s.jsxs)("select",{value:e.comboName,onChange:e=>Z({comboName:e.target.value}),className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30",children:[(0,s.jsx)("option",{value:"",children:"All combos"}),w.map(e=>(0,s.jsx)("option",{value:e,children:e},e))]})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Tool"}),(0,s.jsx)("input",{value:e.sourceTool,onChange:e=>Z({sourceTool:e.target.value}),placeholder:"copilot, antigravity...",className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Client IP"}),(0,s.jsx)("input",{value:e.clientIp,onChange:e=>Z({clientIp:e.target.value}),placeholder:"172.16.253.1",className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Session ID"}),(0,s.jsx)("input",{value:e.sessionId,onChange:e=>Z({sessionId:e.target.value}),placeholder:"session id",className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"From"}),(0,s.jsx)("input",{type:"datetime-local",value:e.dateFrom,onChange:e=>Z({dateFrom:e.target.value}),className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"To"}),(0,s.jsx)("input",{type:"datetime-local",value:e.dateTo,onChange:e=>Z({dateTo:e.target.value}),className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30"})]}),(0,s.jsxs)("label",{className:"flex flex-col gap-1 text-xs",children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Limit"}),(0,s.jsxs)("select",{value:e.limit,onChange:e=>Z({limit:e.target.value}),className:"rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-primary/30",children:[(0,s.jsx)("option",{value:"25",children:"25"}),(0,s.jsx)("option",{value:"50",children:"50"}),(0,s.jsx)("option",{value:"100",children:"100"}),(0,s.jsx)("option",{value:"200",children:"200"})]})]}),(0,s.jsxs)("div",{className:"flex items-end gap-2",children:[(0,s.jsx)("button",{onClick:()=>t({keyword:"",model:"",stage:"",comboName:"",sourceTool:"",clientIp:"",sessionId:"",dateFrom:"",dateTo:"",limit:"50",offset:"0"}),className:"rounded-xl border border-border px-3 py-2 text-sm hover:bg-background",children:"Reset"}),(0,s.jsx)("button",{onClick:H,className:"rounded-xl bg-primary px-3 py-2 text-sm font-medium text-white",children:"Search"})]})]})}),(0,s.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-border bg-surface shadow-sm",children:[(0,s.jsx)("div",{className:"overflow-x-auto",children:(0,s.jsxs)("table",{className:"w-full min-w-[1400px] table-fixed text-left text-sm",children:[(0,s.jsxs)("colgroup",{children:[(0,s.jsx)("col",{className:"w-[9%]"}),(0,s.jsx)("col",{className:"w-[8%]"}),(0,s.jsx)("col",{className:"w-[8%]"}),(0,s.jsx)("col",{className:"w-[8%]"}),(0,s.jsx)("col",{className:"w-[9%]"}),(0,s.jsx)("col",{className:"w-[9%]"}),(0,s.jsx)("col",{className:"w-[9%]"}),(0,s.jsx)("col",{className:"w-[25%]"}),(0,s.jsx)("col",{className:"w-[12%]"}),(0,s.jsx)("col",{className:"w-[5%]"})]}),(0,s.jsx)("thead",{className:"border-b border-border bg-background/60 text-xs uppercase tracking-wide text-text-muted",children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{className:"px-4 py-3",children:"Time"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Stage"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Tool"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Client IP"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Model"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Combo"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Session"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Prompt/Response preview"}),(0,s.jsx)("th",{className:"px-4 py-3",children:"Status/Error"}),(0,s.jsx)("th",{className:"sticky right-0 z-20 bg-background/95 px-4 py-3 text-right shadow-[-8px_0_12px_-12px_rgba(0,0,0,0.45)]",children:"Action"})]})}),(0,s.jsxs)("tbody",{children:[0===r.length&&(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:10,className:"px-4 py-10 text-center text-text-muted",children:"No prompt logs found."})}),r.map(e=>(0,s.jsxs)("tr",{className:"border-b border-border/70 hover:bg-background/50",children:[(0,s.jsx)("td",{className:"whitespace-nowrap px-4 py-3 text-xs text-text-muted align-top",children:n(e.created_at)}),(0,s.jsx)("td",{className:"px-4 py-3 align-top",children:(0,s.jsx)(g,{stage:e.stage})}),(0,s.jsx)("td",{className:"min-w-0 px-4 py-3 align-top",children:(0,s.jsx)("span",{className:"inline-flex max-w-full items-center truncate rounded-full border border-border bg-surface/70 px-2.5 py-1 text-xs font-medium text-text-main",children:e.source_tool_label||e.source_tool||e.source_format||"-"})}),(0,s.jsx)("td",{className:"min-w-0 truncate px-4 py-3 align-top font-mono text-xs text-text-muted",title:e.client_ip||"-",children:e.client_ip||"-"}),(0,s.jsx)("td",{className:"min-w-0 truncate px-4 py-3 align-top font-mono text-xs",title:x(e),children:x(e)}),(0,s.jsx)("td",{className:"min-w-0 truncate px-4 py-3 align-top font-mono text-xs text-text-muted",title:e.combo_name||"-",children:e.combo_name||"-"}),(0,s.jsx)("td",{className:"min-w-0 truncate px-4 py-3 align-top font-mono text-xs text-text-muted",title:e.session_id||"-",children:e.session_id||"-"}),(0,s.jsx)("td",{className:"max-w-0 px-4 py-3 align-top text-xs",children:(0,s.jsx)("div",{className:"max-h-24 overflow-hidden whitespace-normal break-words leading-relaxed [overflow-wrap:anywhere]",children:d(e?.stage==="provider_response"?e.response_preview||e.prompt_preview||"":e?.prompt_preview||e?.response_preview||"",620)||(0,s.jsx)("span",{className:"text-text-muted",children:"No prompt/response text"})})}),(0,s.jsx)("td",{className:"max-w-0 px-4 py-3 align-top text-xs",children:e.error_text?(0,s.jsx)("div",{className:"max-h-28 overflow-y-auto whitespace-pre-wrap break-words leading-relaxed text-red-500 [overflow-wrap:anywhere]",children:d(e.error_text,420)}):(0,s.jsx)("span",{className:e.status_code?"font-mono text-text-main":"text-text-muted",children:e.status_code||"-"})}),(0,s.jsx)("td",{className:"sticky right-0 z-10 bg-surface px-4 py-3 text-right align-top shadow-[-8px_0_12px_-12px_rgba(0,0,0,0.35)]",children:(0,s.jsx)("button",{onClick:()=>V(e.id),className:"rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-white",children:"View"})})]},e.id))]})]})}),(0,s.jsxs)("div",{className:"flex items-center justify-between border-t border-border p-3 text-sm",children:[(0,s.jsxs)("div",{className:"text-text-muted",children:["Showing ",r.length," of ",k,". Page ",U,"."]}),(0,s.jsxs)("div",{className:"flex gap-2",children:[(0,s.jsx)("button",{onClick:()=>{let r=Number(e.limit||50),s=Number(e.offset||0);t(e=>({...e,offset:String(Math.max(0,s-r))}))},disabled:0>=Number(e.offset||0),className:"rounded-xl border border-border px-3 py-1.5 disabled:opacity-50",children:"Previous"}),(0,s.jsx)("button",{onClick:()=>{let r=Number(e.limit||50),s=Number(e.offset||0);s+r>=k||t(e=>({...e,offset:String(s+r)}))},disabled:Number(e.offset||0)+Number(e.limit||50)>=k,className:"rounded-xl border border-border px-3 py-1.5 disabled:opacity-50",children:"Next"})]})]})]}),M&&(0,s.jsx)("div",{className:"fixed inset-0 z-[99999] isolate flex items-start justify-center overflow-hidden bg-black/60 p-3 pt-8 md:p-5 md:pt-10",children:(0,s.jsxs)("div",{className:"relative z-[100000] flex h-[78vh] min-h-[520px] max-h-[760px] w-full max-w-[1080px] flex-col overflow-hidden rounded-3xl border border-zinc-200 bg-white shadow-2xl dark:border-zinc-700 dark:bg-zinc-950",children:[R&&(0,s.jsx)("div",{className:"absolute right-5 top-16 z-[100001] rounded-2xl border border-emerald-500/30 bg-emerald-500/10 px-4 py-2 text-sm font-medium text-emerald-600 shadow-lg backdrop-blur dark:bg-emerald-500/15",children:R}),(0,s.jsxs)("div",{className:"flex flex-none items-start justify-between gap-4 border-b border-zinc-200 bg-white px-3 py-2 dark:border-zinc-700 dark:bg-zinc-950",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Prompt Log Detail"}),(0,s.jsx)(g,{stage:M.stage})]}),(0,s.jsxs)("div",{className:"mt-1 truncate text-xs text-text-muted",children:[n(M.created_at)," \xb7 ",x(M)," \xb7"," ",M.session_id||"-"]})]}),(0,s.jsx)("button",{onClick:()=>q(null),className:"rounded-xl border border-zinc-200 bg-white px-3 py-2 text-sm font-medium text-zinc-900 shadow-sm hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-800",children:"Close"})]}),(0,s.jsxs)("div",{className:"grid min-h-0 flex-1 grid-cols-1 overflow-hidden bg-zinc-100 dark:bg-zinc-900 lg:grid-cols-[260px_minmax(0,1fr)]",children:[(0,s.jsx)("aside",{className:"min-h-0 overflow-y-auto border-b border-zinc-200 bg-zinc-100 p-3 dark:border-zinc-700 dark:bg-zinc-900 lg:border-b-0 lg:border-r",children:(0,s.jsxs)("div",{className:"grid gap-3",children:[(0,s.jsx)(f,{label:"ID",value:M.id}),(0,s.jsx)(f,{label:"Session",value:M.session_id}),(0,s.jsx)(f,{label:"Model",value:x(M)}),(0,s.jsx)(f,{label:"Combo",value:M.combo_name}),(0,s.jsx)(f,{label:"Provider",value:c(M)||M.provider_url||M.endpoint}),(0,s.jsx)(f,{label:"Source Tool",value:M.source_tool_label||M.source_tool||M.source_format}),(0,s.jsx)(f,{label:"Source Host",value:M.source_host}),(0,s.jsx)(f,{label:"Client IP",value:M.client_ip}),(0,s.jsx)(f,{label:"Client Port",value:M.client_port}),(0,s.jsx)(f,{label:"Client Host",value:M.client_host}),(0,s.jsx)(f,{label:"User Agent",value:M.client_user_agent}),(0,s.jsx)(f,{label:"Endpoint",value:M.endpoint||M.provider_url}),(0,s.jsx)(f,{label:"Source -> Target",value:`${M.source_format||"-"} -> ${M.target_format||"-"}`}),(0,s.jsx)(f,{label:"Status / Error",value:M.error_text||M.status_code||"-"}),(0,s.jsxs)("div",{className:"grid gap-2 pt-2",children:[(0,s.jsx)("button",{onClick:()=>B(M.extracted_prompt_text||M.prompt_text,"side-prompt"),className:`rounded-xl border px-3 py-2 text-sm font-medium shadow-sm transition ${"side-prompt"===F?"border-emerald-500/30 bg-emerald-500/10 text-emerald-600":"border-zinc-200 bg-white text-zinc-900 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-800"}`,children:"side-prompt"===F?"Đ\xe3 copy":"Copy prompt"}),(0,s.jsx)("button",{onClick:()=>B(M.full_request_json,"side-request"),className:`rounded-xl border px-3 py-2 text-sm font-medium shadow-sm transition ${"side-request"===F?"border-emerald-500/30 bg-emerald-500/10 text-emerald-600":"border-zinc-200 bg-white text-zinc-900 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-800"}`,children:"side-request"===F?"Đ\xe3 copy":"Copy request JSON"}),(0,s.jsx)("button",{onClick:()=>B(M.full_response_json,"side-response-json"),className:`rounded-xl border px-3 py-2 text-sm font-medium shadow-sm transition ${"side-response-json"===F?"border-emerald-500/30 bg-emerald-500/10 text-emerald-600":"border-zinc-200 bg-white text-zinc-900 hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-800"}`,children:"side-response-json"===F?"Đ\xe3 copy":"Copy response JSON"}),(0,s.jsx)("button",{onClick:K,className:"rounded-xl border border-red-500/40 bg-red-500/10 px-3 py-2 text-sm font-medium text-red-500 shadow-inner hover:bg-red-500/20",children:"Delete row"})]})]})}),(0,s.jsxs)("main",{className:"flex min-h-0 flex-col overflow-hidden bg-zinc-50 dark:bg-zinc-950",children:[(0,s.jsxs)("div",{className:"flex flex-none items-center gap-2 border-b border-zinc-200 bg-white px-3 py-2 dark:border-zinc-700 dark:bg-zinc-950",children:[(0,s.jsx)("div",{className:"flex min-w-0 flex-1 gap-2 overflow-x-auto",children:_(M.stage).map(([e,t])=>(0,s.jsx)("button",{onClick:()=>D(e),className:`whitespace-nowrap rounded-xl px-3 py-2 text-sm ${J===e?"bg-primary text-white shadow-sm":"border border-border bg-surface text-text-main hover:bg-background"}`,children:t},e))}),(0,s.jsx)(p,{copied:F===`tab-${J}`,label:"Copy tab",onClick:()=>B((()=>{if(!M)return"";switch(J){case"prompt":return M.extracted_prompt_text||M.prompt_text||"";case"request":return M.full_request_json||"";case"response":return M.extracted_response_text||M.response_text||"";case"responseJson":return M.full_response_json||"";case"meta":return M.meta_json||"";default:return""}})(),`tab-${J}`)})]}),(0,s.jsxs)("div",{className:"min-h-0 flex-1 overflow-y-auto bg-zinc-50 p-3 dark:bg-zinc-950",children:["prompt"===J&&(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"mb-2 text-sm font-semibold text-text-main",children:"Extracted prompt text"}),(0,s.jsx)(b,{value:M.extracted_prompt_text||M.prompt_text,empty:"No prompt text"})]}),"request"===J&&(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"mb-2 text-sm font-semibold text-text-main",children:"Full request JSON"}),(0,s.jsx)(u,{value:M.full_request_json})]}),"response"===J&&(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"mb-2 text-sm font-semibold text-text-main",children:"Extracted response text"}),(0,s.jsx)(b,{value:M.extracted_response_text||M.response_text,empty:"No response text stored for this stage"})]}),"responseJson"===J&&(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"mb-2 text-sm font-semibold text-text-main",children:"Full response JSON"}),(0,s.jsx)(u,{value:M.full_response_json})]}),"meta"===J&&(0,s.jsxs)("section",{children:[(0,s.jsx)("h3",{className:"mb-2 text-sm font-semibold text-text-main",children:"Metadata JSON"}),(0,s.jsx)(u,{value:M.meta_json})]})]})]})]})]})})]})}},79705:(e,t,r)=>{Promise.resolve().then(r.bind(r,55478))}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=79705)),_N_E=e.O()}]);