{"version":3,"file":"McpTranscript.DkPiVu8c.mjs","names":["useRef","useState","useMemo"],"sources":["https:/framerusercontent.com/modules/GT0YsujfF2tsyMinkOdJ/VO8fJLJLScwDKANa5R07/McpTranscript.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{useInView}from\"framer-motion\";import{useEffect,useMemo,useRef,useState}from\"react\";/**\n * McpTranscript — the M3 proof block on /databar-mcp.\n * A REAL session, replayed: every tool call, argument, and result below\n * was produced against mcp.databar.ai on 2026-07-23 (table\n * \"Inbound qualify — MCP transcript v2\" in the workspace, ~6 credits\n * total). Scenario: qualifying three inbound signups.\n * Reproduce it by asking any MCP-connected agent to: check balance,\n * search enrichments, create a table with 3 domains, add + run\n * \"Enrich company by domain\" (Explee), then read the rows back.\n *\n * Dark chat layout: user ask → agent tool-call chips appearing in\n * sequence → mini result table filling → closing agent line.\n * Static render / reduced motion show the finished state.\n */const HAIR=\"rgba(255,255,255,0.12)\";const INSET=\"rgb(28,28,28)\";const SURFACE=\"rgb(18,18,18)\";const INKW=\"rgba(255,255,255,0.95)\";const BODYW=\"rgba(255,255,255,0.65)\";const MUTW=\"rgba(255,255,255,0.45)\";const GREEN=\"#3ECF8E\";const VIOLET=\"#8B70FF\";const FONT=`Onest, \"Onest Placeholder\", sans-serif`;const MONO=`ui-monospace, SFMono-Regular, Menlo, monospace`;// Real tool calls from the recorded session, in order.\nconst CALLS=[{tool:\"get_user_balance\",result:\"196,566 credits available\"},{tool:'search_enrichments(\"company data from domain\")',result:\"10 matches \\xb7 picked Explee, 2 credits\"},{tool:'create_table(\"Inbound qualify\", [\"Company website\"])',result:\"table created\"},{tool:\"create_rows(gorgias.com, front.com, spendesk.com)\",result:\"3 rows created\"},{tool:\"add_table_enrichment(Enrich company by domain)\",result:\"mapped domains ← company_website\"},{tool:\"run_table_enrichment\",result:\"queued \\xb7 3 rows processing\"},{tool:\"get_table_rows\",result:\"3 of 3 enriched\"}];// Real results from the run (funding = last round).\nconst ROWS=[{c:\"Gorgias\",f:\"Series C \\xb7 $29M\",e:\"500\",r:\"$72M\"},{c:\"Front\",f:\"Series D \\xb7 $65M\",e:\"750\",r:\"$42.5M\"},{c:\"Spendesk\",f:\"Series C \\xb7 $114M\",e:\"400\",r:\"$47M\"}];export default function McpTranscript(props){const{speed}=props;const rootRef=useRef(null);const isStatic=useIsStaticRenderer();const inView=useInView(rootRef,{amount:.3,once:true});const[reduced,setReduced]=useState(false);const[step,setStep]=useState(0);useEffect(()=>{setReduced(window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches);},[]);const frozen=isStatic||reduced;// steps: 1 = user msg, 2..8 = calls, 9 = table, 10..12 = rows, 13 = closing line\nconst TOTAL=1+CALLS.length+1+ROWS.length+1;const dt=useMemo(()=>speed===\"Slow\"?900:speed===\"Fast\"?380:620,[speed]);useEffect(()=>{if(frozen||!inView)return;const ids=[];for(let i=1;i<=TOTAL;i++){ids.push(window.setTimeout(()=>setStep(i),400+i*dt));}return()=>ids.forEach(id=>window.clearTimeout(id));},[frozen,inView,dt,TOTAL]);const s=frozen?TOTAL:step;const show=i=>({opacity:s>=i?1:0,transform:s>=i?\"translateY(0)\":\"translateY(6px)\",transition:\"opacity 0.3s ease, transform 0.3s ease\"});return /*#__PURE__*/_jsxs(\"div\",{ref:rootRef,style:{width:\"100%\",fontFamily:FONT,background:INSET,border:`1px solid ${HAIR}`,borderRadius:8,overflow:\"hidden\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:8,padding:\"10px 16px\",borderBottom:`1px solid ${HAIR}`,fontSize:12,color:MUTW},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:8,height:8,borderRadius:999,background:GREEN}}),\"Live session \\xb7 mcp.databar.ai \\xb7 recorded 2026-07-23 \\xb7 reproducible\"]}),/*#__PURE__*/_jsxs(\"div\",{style:{padding:\"20px 20px 22px\",display:\"flex\",flexDirection:\"column\",gap:12},children:[/*#__PURE__*/_jsx(\"div\",{style:{...show(1),alignSelf:\"flex-end\",maxWidth:\"82%\"},children:/*#__PURE__*/_jsx(\"div\",{style:{background:\"rgba(139,112,255,0.14)\",border:`1px solid rgba(139,112,255,0.3)`,color:INKW,fontSize:13.5,lineHeight:1.5,borderRadius:8,padding:\"10px 14px\"},children:\"Three signups came in overnight — gorgias.com, front.com, spendesk.com. Qualify them: company size, funding, and revenue in a table.\"})}),/*#__PURE__*/_jsx(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:6,maxWidth:\"92%\"},children:CALLS.map((c,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{...show(2+i),display:\"flex\",alignItems:\"baseline\",gap:8,fontFamily:MONO,fontSize:11.5,lineHeight:1.5,whiteSpace:\"nowrap\",overflow:\"hidden\"},children:[/*#__PURE__*/_jsxs(\"span\",{style:{color:VIOLET,background:\"rgba(139,112,255,0.1)\",border:`1px solid rgba(139,112,255,0.22)`,borderRadius:5,padding:\"2px 8px\",flexShrink:0},children:[\"⚙ \",c.tool]}),/*#__PURE__*/_jsxs(\"span\",{style:{color:MUTW,overflow:\"hidden\",textOverflow:\"ellipsis\"},children:[\"→ \",c.result]})]},c.tool))}),/*#__PURE__*/_jsxs(\"div\",{style:{...show(2+CALLS.length),background:SURFACE,border:`1px solid ${HAIR}`,borderRadius:8,overflow:\"hidden\",fontSize:12.5},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"grid\",gridTemplateColumns:\"1.1fr 1.4fr 1fr 1fr\",gap:0,padding:\"8px 14px\",borderBottom:`1px solid ${HAIR}`,color:MUTW,fontSize:11.5},children:[/*#__PURE__*/_jsx(\"span\",{children:\"Company\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Funding\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Employees\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Revenue\"})]}),ROWS.map((r,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{...show(3+CALLS.length+i),display:\"grid\",gridTemplateColumns:\"1.1fr 1.4fr 1fr 1fr\",padding:\"8px 14px\",borderBottom:i<ROWS.length-1?`1px solid ${HAIR}`:\"none\",color:BODYW},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:INKW,fontWeight:600},children:r.c}),/*#__PURE__*/_jsx(\"span\",{children:r.f}),/*#__PURE__*/_jsx(\"span\",{children:r.e}),/*#__PURE__*/_jsx(\"span\",{children:r.r})]},r.c))]}),/*#__PURE__*/_jsxs(\"div\",{style:{...show(TOTAL),fontSize:13,color:BODYW,lineHeight:1.5},children:[\"Done — all 3 qualified with funding, headcount, and revenue.\",/*#__PURE__*/_jsx(\"span\",{style:{color:GREEN},children:\" 6 credits total.\"}),\" The table is live in your workspace.\"]})]})]});}McpTranscript.defaultProps={speed:\"Normal\"};addPropertyControls(McpTranscript,{speed:{type:ControlType.Enum,title:\"Speed\",options:[\"Slow\",\"Normal\",\"Fast\"]}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"McpTranscript\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./McpTranscript.map"],"mappings":"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"}