{"version":3,"file":"McpTranscript.BFYtSViU.mjs","names":["useRef","useState","useMemo"],"sources":["https:/framerusercontent.com/modules/GT0YsujfF2tsyMinkOdJ/x28T64b1ogN7jpUXRhsl/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 in July 2026 (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 *\n * Container-responsive (ResizeObserver, same pattern as\n * PricingCalculator): under 560px the call chips stop being clipped —\n * the chip wraps and its result moves to its own line — and the result\n * table drops its 4-column grid for stacked label/value rows. Above\n * that, the original single-line layout is unchanged.\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`;const NARROW=560;const COLS=\"1.1fr 1.4fr 0.9fr 0.9fr\";// 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);// false on the server so the static render keeps the full-width layout\nconst[narrow,setNarrow]=useState(false);useEffect(()=>{setReduced(window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches);},[]);useEffect(()=>{const el=rootRef.current;if(!el)return;const measure=()=>setNarrow(el.clientWidth<NARROW);measure();const ro=new ResizeObserver(measure);ro.observe(el);return()=>ro.disconnect();},[]);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\",flexWrap:\"wrap\",gap:8,padding:narrow?\"10px 14px\":\"10px 16px\",borderBottom:`1px solid ${HAIR}`,fontSize:narrow?11:12,lineHeight:1.4,color:MUTW},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:8,height:8,borderRadius:999,background:GREEN,flexShrink:0}}),\"Live session \\xb7 mcp.databar.ai \\xb7 recorded July 2026 \\xb7 reproducible\"]}),/*#__PURE__*/_jsxs(\"div\",{style:{padding:narrow?\"16px 14px 18px\":\"20px 20px 22px\",display:\"flex\",flexDirection:\"column\",gap:12},children:[/*#__PURE__*/_jsx(\"div\",{style:{...show(1),alignSelf:\"flex-end\",maxWidth:narrow?\"95%\":\"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:narrow?12.5: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:narrow?10:6,maxWidth:narrow?\"100%\":\"92%\",minWidth:0},children:CALLS.map((c,i)=>/*#__PURE__*/_jsxs(\"div\",{style:{...show(2+i),display:\"flex\",flexDirection:narrow?\"column\":\"row\",alignItems:narrow?\"flex-start\":\"baseline\",gap:narrow?3:8,fontFamily:MONO,fontSize:narrow?10.5:11.5,lineHeight:1.5,minWidth:0,overflow:narrow?\"visible\":\"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,maxWidth:\"100%\",whiteSpace:narrow?\"normal\":\"nowrap\",overflowWrap:\"anywhere\"},children:[\"⚙ \",c.tool]}),/*#__PURE__*/_jsxs(\"span\",{style:{color:MUTW,minWidth:0,maxWidth:\"100%\",paddingLeft:narrow?8:0,whiteSpace:narrow?\"normal\":\"nowrap\",overflow:narrow?\"visible\":\"hidden\",textOverflow:\"ellipsis\",overflowWrap:\"anywhere\"},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:[!narrow&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"grid\",gridTemplateColumns:COLS,gap:8,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)=>{const rowStyle={...show(3+CALLS.length+i),padding:narrow?\"10px 14px\":\"8px 14px\",borderBottom:i<ROWS.length-1?`1px solid ${HAIR}`:\"none\",color:BODYW};if(narrow){return /*#__PURE__*/_jsxs(\"div\",{style:{...rowStyle,display:\"flex\",flexDirection:\"column\",gap:4},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:INKW,fontWeight:600,fontSize:13},children:r.c}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexWrap:\"wrap\",gap:\"3px 12px\",fontSize:12},children:[/*#__PURE__*/_jsxs(\"span\",{children:[/*#__PURE__*/_jsx(\"span\",{style:{color:MUTW},children:\"Funding \"}),r.f]}),/*#__PURE__*/_jsxs(\"span\",{children:[/*#__PURE__*/_jsx(\"span\",{style:{color:MUTW},children:\"Employees \"}),r.e]}),/*#__PURE__*/_jsxs(\"span\",{children:[/*#__PURE__*/_jsx(\"span\",{style:{color:MUTW},children:\"Revenue \"}),r.r]})]})]},r.c);}return /*#__PURE__*/_jsxs(\"div\",{style:{...rowStyle,display:\"grid\",gridTemplateColumns:COLS,gap:8},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:narrow?12.5: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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"}