https://cdn.appwrite.io/assets/FirewallProductVisual-B7fiwEcD.js

1import{t as e}from"./circle-x-Bn2LKB6W.js";import{t}from"./shield-x-CDotlaSh.js";import{Ar as n,Bit as r,Bu as i,Dl as a,El as o,Iot as s,Kit as c,Ol as ee,Qot as l,Qst as u,Tl as d,Vt as f,Z8 as p,ert as m,frt as h,got as g,grt as te,hct as _,int as v,jr as y,mrt as b,nn as ne,yct as x}from"./index-KdUaherr.js";import{t as re}from"./column-icons-DlO1ujrP.js";import{a as ie,c as S,d as C,i as w,l as T,o as E,r as D,s as O,u as k}from"./MockSyntax-DoULQTPd.js";function ae(e){return`isLocked`in e&&e.isLocked===!0}const oe=112;function A(e){return`day-${e}`}function j(e){if(typeof document>`u`)return;let t=document.getElementById(e),n=document.getElementById(`main-content`);if(!t||!n)return;let r=n.getBoundingClientRect(),i=t.getBoundingClientRect(),a=n.scrollTop+i.top-r.top-112;n.scrollTo({top:Math.max(0,a),behavior:`smooth`})}function M(e){j(A(e))}function se(){j(f)}function ce(){if(typeof window>`u`)return;let e=window.location.hash.slice(1).match(/^day-(\d+)$/);e&&M(Number(e[1]))}var N=x(_());function P(e){if(e<=0)return{label:`Unlocking now`,isComplete:!0};let t=Math.floor(e/1e3),n=Math.floor(t/86400),r=Math.floor(t%86400/3600),i=Math.floor(t%3600/60),a=t%60;return n>0?{label:`${n}d ${r}h ${i}m`,isComplete:!1}:r>0?{label:`${r}h ${i}m ${a}s`,isComplete:!1}:{label:`${i}m ${a}s`,isComplete:!1}}function F(e){let[t,n]=(0,N.useState)(()=>Date.now());return(0,N.useEffect)(()=>{let e=window.setInterval(()=>{n(Date.now())},1e3);return()=>window.clearInterval(e)},[e.getTime()]),P(e.getTime()-t)}var I=x(u());function L({eventStartDate:e,dayNumber:t,className:n,size:r=`md`}){let{label:i}=F((0,N.useMemo)(()=>ne(e,t),[e,t]));return(0,I.jsx)(`p`,{className:v(`font-mono tabular-nums text-foreground`,r===`sm`?`text-[12px]`:`text-[15px] font-semibold`,n),"aria-live":`polite`,children:i})}var R=[{id:`tablesdb`,label:`TablesDB`,Icon:m},{id:`documentsdb`,label:`DocumentsDB`,Icon:l},{id:`vectorsdb`,label:`VectorsDB`,Icon:c}],z=[{id:`67f8a2…04c1`,driver:`Charles Leclerc`,code:`LEC`,team:`ferrari`,position:`1`,lap:`70842`,revealDelayMs:220},{id:`67f8b1…12a4`,driver:`Lando Norris`,code:`NOR`,team:`mclaren`,position:`2`,lap:`71016`,revealDelayMs:360},{id:`67f8c3…28b7`,driver:`Oscar Piastri`,code:`PIA`,team:`mclaren`,position:`3`,lap:`71204`,revealDelayMs:500},{id:`67f8d4…39c8`,driver:`Lewis Hamilton`,code:`HAM`,team:`ferrari`,position:`4`,lap:`71388`,revealDelayMs:640,highlight:!0}],B=[{title:`Monaco undercut window`,snippet:`Pit lap 16 while rival stays out on Medium to gain track position.`,source:`briefing_q3.md`,score:.94,delayMs:140},{title:`Tyre cliff after lap 22`,snippet:`Medium degradation accelerates once surface temps drop in the tunnel.`,source:`telemetry_lap22.json`,score:.91,delayMs:280},{title:`Safety car restart gap`,snippet:`Leave 1.2s to leader at line to avoid DRS train into Turn 1.`,source:`race_control_notes`,score:.87,delayMs:420}],V=[`session: Monaco GP`,`type: strategy`],H=[{id:`postgres`,label:`PostgreSQL`,Icon:y},{id:`mysql`,label:`MySQL`,Icon:n}],U=[{key:`id`,label:`$id`,type:`system-id`,cellAlign:`left`,width:`16%`},{key:`driver`,label:`driver`,type:`string`,cellAlign:`left`,width:`28%`},{key:`code`,label:`code`,type:`string`,cellAlign:`left`,width:`9%`},{key:`team`,label:`team`,type:`string`,cellAlign:`left`,width:`16%`},{key:`position`,label:`pos`,type:`integer`,cellAlign:`right`,width:`11%`},{key:`lap`,label:`lap_ms`,type:`integer`,cellAlign:`right`,width:`20%`}],W=28,G=`px-2`,le=`py-1.5`,K=`py-1`,ue=`text-[11px]`,de=`text-[11px]`;function fe({type:e}){return(0,I.jsx)(re(e===`system-id`?`system-id`:e),{className:`size-3 shrink-0 text-muted-foreground`,"aria-hidden":!0})}var pe=`border-e border-border shadow-[inset_0_1px_0_0_var(--border),inset_0_-1px_0_0_var(--border)]`,me=`shadow-[inset_0_1px_0_0_var(--border),inset_0_-1px_0_0_var(--border)]`,q=`border-b border-e border-border`,J=`border-b border-border`,he=4;function Y({checked:e=!1}){return(0,I.jsx)(`div`,{className:v(`mx-auto flex size-3 items-center justify-center rounded-[3px] border`,e?`border-primary bg-primary text-primary-foreground`:`border-border bg-background`),"aria-hidden":!0,

1children:e?(0,I.jsx)(s,{className:`size-2.5 stroke-[3]`}):null})}function X({checked:e=!1}){return(0,I.jsx)(`td`,{className:v(`border-b border-border px-1.5 py-1 text-center`,`shadow-[inset_-1px_0_0_0_var(--border)]`),children:(0,I.jsx)(Y,{checked:e})})}function ge(){return(0,I.jsxs)(`tr`,{"aria-hidden":!0,children:[(0,I.jsx)(X,{}),U.map((e,t)=>(0,I.jsx)(`td`,{className:v(G,K,t===U.length-1?J:q),children:(0,I.jsx)(`span`,{className:`block min-h-[14px]`})},e.key))]})}function _e({playKey:e}){let t=p(),n=e>0,[i,a]=(0,N.useState)(n?`running`:`done`),[o,s]=(0,N.useState)(n?843:847);return(0,N.useEffect)(()=>{if(e===0){a(`done`),s(847);return}a(`running`),s(843);let t=window.setTimeout(()=>s(847),780),n=window.setTimeout(()=>a(`done`),920);return()=>{window.clearTimeout(t),window.clearTimeout(n)}},[e]),(0,I.jsxs)(`div`,{className:v(`flex min-h-0 flex-1 flex-col overflow-hidden`,O.panel),children:[(0,I.jsx)(`div`,{className:`border-b border-border bg-muted/20 px-3 py-2`,children:(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,I.jsxs)(`p`,{className:`min-w-0 font-mono text-[11px] text-muted-foreground`,children:[`monaco_gp / `,(0,I.jsx)(`span`,{className:v(`font-medium`,S.text),children:`lap_times`})]}),(0,I.jsxs)(`p`,{className:v(`shrink-0 text-[10px] tabular-nums text-muted-foreground transition-[color,transform] duration-300`,o===847&&`group-hover:scale-105 group-hover:text-foreground`),children:[o,` `,t(`rows`)]})]})}),(0,I.jsxs)(`div`,{className:`flex items-center gap-2 border-b border-border bg-background px-3 py-1.5`,children:[(0,I.jsx)(`p`,{className:`min-w-0 flex-1 truncate font-mono text-[10px]`,children:(0,I.jsx)(D,{})}),i===`running`?(0,I.jsx)(r,{className:`size-3.5 shrink-0 animate-spin text-muted-foreground`,"aria-hidden":!0}):(0,I.jsx)(g,{className:v(`size-3.5 shrink-0`,S.emeraldIcon),"aria-hidden":!0})]}),(0,I.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden bg-background`,children:(0,I.jsxs)(`table`,{className:`w-full table-fixed border-collapse bg-background`,children:[(0,I.jsxs)(`colgroup`,{children:[(0,I.jsx)(`col`,{style:{width:W}}),U.map(e=>(0,I.jsx)(`col`,{style:{width:e.width}},e.key))]}),(0,I.jsx)(`thead`,{className:`sticky top-0 z-20 bg-background`,children:(0,I.jsxs)(`tr`,{children:[(0,I.jsx)(`th`,{className:v(`w-7 px-1.5 text-center`,`shadow-[inset_0_1px_0_0_var(--border),inset_0_-1px_0_0_var(--border),inset_-1px_0_0_0_var(--border)]`),children:(0,I.jsx)(Y,{})}),U.map((e,t)=>{let n=t===U.length-1;return(0,I.jsx)(`th`,{className:v(G,le,e.cellAlign===`right`?`text-end`:`text-start`,n?me:pe),children:(0,I.jsxs)(`div`,{className:v(`flex min-w-0 items-center gap-1`,e.cellAlign===`right`&&`justify-end`),children:[(0,I.jsx)(fe,{type:e.type}),(0,I.jsx)(`span`,{className:v(`min-w-0 truncate font-medium`,de,S.text),children:e.label})]})},e.key)})]})}),(0,I.jsxs)(`tbody`,{children:[z.map(e=>{let t=!!e.highlight&&n&&i===`done`;return(0,I.jsxs)(`tr`,{className:v(n&&e.highlight&&`product-bento-db-row-highlight motion-reduce:animate-none`,t&&`bg-muted`,`transition-[background-color] duration-300 hover:bg-muted/50 motion-reduce:hover:bg-transparent`),style:n&&e.highlight?{animationDelay:`${e.revealDelayMs}ms`}:void 0,children:[(0,I.jsx)(X,{checked:t}),U.map((t,r)=>{let i=r===U.length-1,a=e[t.key],o=t.key===`team`||t.key===`code`||t.key===`position`||t.type===`system-id`,s=t.key===`driver`||t.key===`lap`;return(0,I.jsx)(`td`,{className:v(G,K,i?J:q,t.cellAlign===`right`&&`text-end`,t.type===`system-id`&&`font-mono`),children:(0,I.jsx)(`span`,{className:v(`block truncate`,ue,o&&`text-muted-foreground`,s&&S.text,t.type===`integer`&&`tabular-nums`,n&&`product-bento-db-row-reveal motion-reduce:opacity-100`),style:n?{animationDelay:`${e.revealDelayMs}ms`}:void 0,children:a})},t.key)})]},e.id)}),Array.from({length:he},(e,t)=>(0,I.jsx)(ge,{},`empty-row-${t}`))]})]})})]})}function ve({playKey:e}){let t=p(),n=e>0,r=n?`product-bento-db-reveal motion-reduce:opacity-100`:void 0;return(0,I.jsxs)(`div`,{className:v(`flex min-h-0 flex-1 flex-col overflow-hidden`,O.panel),children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b border-border bg-muted/5 px-3.5 py-2.5`,children:[(0,I.jsxs)(`div`,{className:v(`min-w-0`,r),style:n?{animationDelay:`0ms`}:void 0,children:[(0,I.jsx)(`p`,{className:v(`text-[12px] font-medium`,S.text),children:`race_briefings`}),(0,I.jsx)(`p`,{className:`truncate text-[10px] text-muted-foreground`,children:`Monaco GP strategy`})]}),(0,I.jsx)(i,{variant:`inactive`,className:v(`h-5 shrink-0 px-1.5 text-[10px] transition-[color,background-color] duration-300 group-hover:bg-green-500/10 group-hover:text-green-700 dark:group-hover:text-green-400`,r),style:n?{animationDelay:`420ms`}:void 0,children:t(`Live`)})]}),(0,I.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-hidden p-3 font-mono text-[11px] leading-relaxed sm:text-[12px]`,children:[(0,I.jsx)(`div`,{className:r,style:n?{animationDelay:`60ms`}:void 0,children:(0,I.jsx)(w,{tone:`punctuation`,children:`{`})}),(0,I.jsxs)(`div`,{className:v(r,`ps-2`),style:n?{animationDelay:`120ms`}:void 0,children:[(0,I.jsx)(w,{tone:`property`,children:`"event"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`: `}),(0,I.jsx)(w,{tone:`string`,children:`"Monaco GP"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`,`})]}),(0,I.jsxs)(`div`,{className:v(r,`ps-2`),style:n?{animationDelay:`180ms`}:void 0,children:[(0,I.jsx)(w,{tone:`property`,children:`"session"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`: `}),(0,I.jsx)(w,{tone:`string`,children:`"Race"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`,`})]}),(0,I.jsxs)(`div`,{className:v(r,`ps-2`),style:n?{animationDelay:`260ms`}:void 0,children:[(0,I.jsx)(w,{tone:`property`,children:`"weather"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`: `}),(0,I.jsx)(w,{tone:`punctuation`,children:`{ `}),(0,I.jsx)(w,{tone:`property`,children:`"air_c"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`: `}),(0,I.jsx)(w,{tone:`number`,children:`24`}),(0,I.jsx)(w,{tone:`punctuation`,children:`, `}),(0,I.jsx)(w,{tone:`property`,children:`"track_c"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`: `}),(0,I.jsx)(w,{tone:`number`,children:`46`}),(0,I.jsx)(w,{tone:`punctuation`,children:` }`}),(0,I.jsx)(w,{tone:`punctuation`,children:`,`})]}),(0,I.jsxs)(`div`,{className:v(r,`ps-2`),style:n?{animationDelay:`340ms`}:void 0,children:[(0,I.jsx)(w,{tone:`property`,children:`"strategy"`}),(0,I.jsx)(w,{tone:`punctuation`,children:`: `}),(0,I.jsx)(w,{tone:`string`,children:`"Medium stint, pit 14-17"`})]}),(0,I.jsx)(`div`,{className:r,style:n?{animationDelay:`400ms`}:void 0,children:(0,I.jsx)(w,{tone:`punctuation`,children:`}`})})]})]},e)}function ye({score:e,delayMs:t,shouldAnimate:n}){let r=`${Math.round(e*100)}%`;return(0,I.jsxs)(`div`,{className:`flex min-w-[3.25rem] flex-col items-end gap-1`,children:[(0,I.jsxs)(`span`,{className:`font-mono text-[10px] tabular-nums text-muted-foreground transition-colors duration-300 group-hover:text-foreground sm:text-[11px]`,children:[Math.round(e*100),`%`]}),(0,I.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted/40`,children:(0,I.jsx)(`div`,{className:v(`h-full rounded-full bg-muted-foreground

1/25 transition-[width,background-color] duration-500 group-hover:bg-[var(--brand-cta)]/75 motion-reduce:group-hover:bg-muted-foreground/25`,n&&`product-bento-db-reveal motion-reduce:opacity-100`),style:{width:r,...n?{animationDelay:`${t}ms`}:{},transitionDelay:`${t}ms`}})})]})}function be({playKey:e}){let t=p(),n=e>0,r=n?`product-bento-db-reveal motion-reduce:opacity-100`:void 0,a=n?`product-bento-db-result-reveal motion-reduce:opacity-100`:void 0;return(0,I.jsxs)(`div`,{className:v(`flex min-h-0 flex-1 flex-col overflow-hidden`,O.panel),children:[(0,I.jsx)(`div`,{className:v(`border-b border-border bg-muted/10 px-3 py-2`,r),style:n?{animationDelay:`0ms`}:void 0,children:(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsxs)(`p`,{className:`font-mono text-[10px] text-muted-foreground sm:text-[11px]`,children:[`race_notes /`,` `,(0,I.jsx)(`span`,{className:v(`font-medium`,S.text),children:`strategy_embeddings`})]}),(0,I.jsx)(`p`,{className:`mt-0.5 truncate text-[10px] text-muted-foreground`,children:t(`Semantic search over race briefings and telemetry notes`)})]}),(0,I.jsxs)(`div`,{className:`flex shrink-0 flex-wrap justify-end gap-1`,children:[(0,I.jsx)(i,{variant:`inactive`,className:`h-5 px-1.5 text-[9px] sm:text-[10px]`,children:`1536d`}),(0,I.jsx)(i,{variant:`inactive`,className:v(`h-5 px-1.5 text-[9px] transition-colors duration-300 group-hover:text-foreground sm:text-[10px]`,C),style:k(E.pink,T(1)),children:`cosine`})]})]})}),(0,I.jsxs)(`div`,{className:`space-y-2 border-b border-border px-3 py-2.5`,children:[(0,I.jsxs)(`div`,{className:v(`rounded-md border border-border/80 bg-muted/8 px-2.5 py-2`,r),style:n?{animationDelay:`60ms`}:void 0,children:[(0,I.jsx)(`p`,{className:`text-[9px] uppercase tracking-wider text-muted-foreground sm:text-[10px]`,children:t(`Query`)}),(0,I.jsx)(`p`,{className:`mt-1 truncate font-mono text-[11px] sm:text-[12px]`,children:(0,I.jsx)(w,{tone:`string`,children:`"Monaco undercut on Medium"`})})]}),(0,I.jsx)(`div`,{className:v(`flex flex-wrap gap-1`,r),style:n?{animationDelay:`120ms`}:void 0,children:V.map((e,t)=>(0,I.jsx)(`span`,{className:v(`rounded-md border border-border bg-background px-1.5 py-0.5 font-mono text-[9px] text-muted-foreground transition-colors duration-300 sm:text-[10px]`,`group-hover:text-foreground motion-reduce:group-hover:text-muted-foreground`,C),style:k(t===0?E.mint:E.orange,T(t),{transitionDelay:`${t*40}ms`}),children:e},e))})]}),(0,I.jsx)(`div`,{className:`min-h-0 flex-1 space-y-1.5 overflow-hidden px-3 py-2.5`,children:B.map((t,r)=>(0,I.jsxs)(`div`,{className:v(`rounded-md border border-border/70 bg-muted/5 px-2.5 py-2`,a),style:n?{animationDelay:`${120+r*160}ms`}:void 0,children:[(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,I.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,I.jsx)(`p`,{className:v(`truncate text-[11px] font-medium sm:text-[12px]`,S.text),children:t.title}),(0,I.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-[10px] leading-snug text-muted-foreground sm:text-[11px]`,children:t.snippet})]}),(0,I.jsx)(ye,{score:t.score,delayMs:t.delayMs,shouldAnimate:n})]}),(0,I.jsx)(`p`,{className:`mt-1.5 truncate font-mono text-[9px] text-muted-foreground sm:text-[10px]`,children:(0,I.jsx)(`span`,{className:v(`transition-colors duration-300`,S.text),children:t.source})})]},`${t.title}-${e}`))}),(0,I.jsxs)(`div`,{className:v(`flex items-end justify-between gap-2 border-t border-border bg-muted/5 px-3 py-1.5`,r),style:n?{animationDelay:`560ms`}:void 0,children:[(0,I.jsx)(`div`,{className:`min-w-0`,children:(0,I.jsx)(ie,{})}),(0,I.jsxs)(`p`,{className:`shrink-0 text-[9px] tabular-nums text-muted-foreground transition-colors duration-300 group-hover:text-foreground sm:text-[10px]`,children:[B.length,` `,t(`matches`),` · 14ms`]})]})]},e)}function Z({label:e,Icon:t,color:n,angleIndex:r}){let a=p();return(0,I.jsxs)(`div`,{className:v(`flex min-w-0 items-center gap-2.5 px-2.5 py-2 sm:gap-3 sm:px-3 sm:py-2.5`,O.panel,C),style:k(n,T(r)),children:[(0,I.jsx)(`span`,{className:`flex size-8 shrink-0 items-center justify-center rounded-md border border-border bg-muted/40 text-muted-foreground`,children:(0,I.jsx)(t,{className:`size-4`,"aria-hidden":!0})}),(0,I.jsx)(`span`,{className:v(`min-w-0 flex-1 truncate text-[12px] font-medium sm:text-[13px]`,S.text),children:e}),(0,I.jsx)(i,{variant:`info`,className:`text-[9px] shrink-0 sm:text-[10px]`,children:a(`Beta`)})]})}function xe(){let e=p();return(0,I.jsxs)(`div`,{className:`flex items-center gap-2 px-1`,children:[(0,I.jsx)(`div`,{className:`h-px flex-1 bg-border`}),(0,I.jsx)(`span`,{className:`text-[9px] font-medium uppercase tracking-wider text-muted-foreground`,children:e(`or Appwrite DBs`)}),(0,I.jsx)(`div`,{className:`h-px flex-1 bg-border`})]})}function Q(){let[e,t]=H;return(0,I.jsxs)(`div`,{className:`grid w-full grid-cols-2 gap-2`,children:[(0,I.jsx)(Z,{label:e.label,Icon:e.Icon,color:E.purple,angleIndex:0}),(0,I.jsx)(Z,{label:t.label,Icon:t.Icon,color:E.orange,angleIndex:2})]})}function Se(){let e=(0,N.useRef)(null),[t,n]=(0,N.useState)(`tablesdb`),[r,i]=(0,N.useState)(0),[s,c]=(0,N.useState)(0),[l,u]=(0,N.useState)(0),f=(0,N.useRef)(!1),p=(0,N.useRef)(t);p.current=t;let m=`absolute inset-x-0 top-0 bottom-0 mt-0 flex min-h-0 w-full flex-col overflow-hidden focu

1s-visible:outline-none`,h=()=>{i(e=>e+1)};return(0,N.useEffect)(()=>{let t=e.current?.closest(`.group`);if(!t)return;let n=()=>{f.current||(f.current=!0,p.current===`tablesdb`&&h())},r=()=>{f.current=!1,p.current===`tablesdb`&&i(0)};return t.matches(`:hover`)&&n(),t.addEventListener(`mouseenter`,n),t.addEventListener(`mouseleave`,r),()=>{t.removeEventListener(`mouseenter`,n),t.removeEventListener(`mouseleave`,r)}},[]),(0,I.jsx)(`div`,{ref:e,className:`absolute inset-0`,children:(0,I.jsxs)(d,{value:t,onValueChange:e=>{let t=e;n(t),t===`tablesdb`?h():t===`documentsdb`?c(e=>e+1):t===`vectorsdb`&&u(e=>e+1)},className:`flex h-full min-h-0 flex-col gap-0 overflow-visible`,children:[(0,I.jsxs)(`div`,{className:`relative z-10 shrink-0 pb-2.5 pt-0 sm:pb-3`,children:[(0,I.jsx)(Q,{}),(0,I.jsx)(`div`,{className:`mt-2.5`,children:(0,I.jsx)(xe,{})})]}),(0,I.jsx)(`div`,{className:`relative z-10 flex shrink-0 justify-center px-3 pb-2.5`,children:(0,I.jsx)(a,{className:`pointer-events-auto inline-flex h-auto w-auto gap-1 rounded-lg border border-border/45 bg-background/80 p-1 shadow-sm`,children:R.map(e=>{let t=e.Icon;return(0,I.jsxs)(ee,{value:e.id,className:`h-auto gap-1.5 rounded-md border border-transparent px-2.5 py-1.5 text-[10px] text-muted-foreground transition-[color,background-color,border-color,box-shadow] duration-300 data-[state=active]:border-border/40 data-[state=active]:bg-background/70 data-[state=active]:text-muted-foreground data-[state=active]:shadow-sm sm:text-[11px] group-hover:data-[state=active]:border-border/55 group-hover:data-[state=active]:bg-background/90 group-hover:data-[state=active]:text-foreground [&_svg:not([class*='size-'])]:size-3`,children:[(0,I.jsx)(t,{"aria-hidden":!0}),(0,I.jsx)(`span`,{className:`truncate`,children:e.label})]},e.id)})})}),(0,I.jsxs)(`div`,{className:`relative min-h-0 flex-1`,children:[(0,I.jsx)(o,{value:`tablesdb`,className:m,children:(0,I.jsx)(_e,{playKey:r})}),(0,I.jsx)(o,{value:`documentsdb`,className:m,children:(0,I.jsx)(ve,{playKey:s},s)}),(0,I.jsx)(o,{value:`vectorsdb`,className:m,children:(0,I.jsx)(be,{playKey:l},l)})]})]})})}var Ce=[{id:`rule-1`,name:`Block suspicious IPs`,condition:`192.168.1.100`,action:`block`,enabled:!0,highlightOnHover:!0},{id:`rule-2`,name:`Rate limit API endpoints`,condition:`/api/*`,action:`challenge`,enabled:!0},{id:`rule-3`,name:`Allow admin panel`,condition:`/admin/*`,action:`allow`,enabled:!0}],we=[{id:`blocked`,label:`Blocked`,value:`34.2k`},{id:`allowed`,label:`Allowed`,value:`198k`},{id:`challenged`,label:`Challenged`,value:`13k`}],Te=[{id:`req-1`,outcome:`pass`,tone:`allowed`,delayMs:0},{id:`req-2`,outcome:`block`,tone:`blocked`,delayMs:220},{id:`req-3`,outcome:`pass`,tone:`allowed`,delayMs:440},{id:`req-4`,outcome:`pass`,tone:`challenged`,delayMs:660},{id:`req-5`,outcome:`block`,tone:`blocked`,delayMs:880}],$={block:{label:`Block`,Icon:t},allow:{label:`Allow`,Icon:b},challenge:{label:`Challenge`,Icon:te}},Ee={block:`group-hover:bg-red-500/10 group-hover:text-red-700 dark:group-hover:text-red-400 motion-reduce:group-hover:bg-muted motion-reduce:group-hover:text-foreground/80`,allow:`group-hover:bg-emerald-500/10 group-hover:text-emerald-700 dark:group-hover:text-emerald-400 motion-reduce:group-hover:bg-muted motion-reduce:group-hover:text-foreground/80`,challenge:`group-hover:bg-amber-500/10 group-hover:text-amber-700 dark:group-hover:text-amber-400 motion-reduce:group-hover:bg-muted motion-reduce:group-hover:text-foreground/80`},De={allowed:`bg-muted-foreground group-hover:bg-emerald-500 motion-reduce:group-hover:bg-muted-foreground`,challenged:`bg-muted-foreground group-hover:bg-amber-500 motion-reduce:group-hover:bg-muted-foreground`,blocked:`bg-muted-foreground group-hover:bg-red-500 motion-reduce:group-hover:bg-muted-foreground`};function Oe({action:e}){let t=p(),{label:n,Icon:r}=$[e];return(0,I.jsxs)(i,{variant:`inactive`,className:v(`h-5 shrink-0 px-1.5 text-[9px] transition-[color,background-color] duration-300 sm:text-[10px]`,Ee[e]),children:[(0,I.jsx)(r,{className:`size-2.5`,"aria-hidden":!0}),t(n)]})}function ke(){let e=p();return(0,I.jsxs)(`div`,{className:`overflow-hidden rounded-md border border-border/70 bg-muted/8 px-2.5 py-2`,children:[(0,I.jsxs)(`div`,{className:`relative h-5`,children:[(0,I.jsx)(`div`,{className:`absolute inset-x-1 top-1/2 h-px -translate-y-1/2 bg-border`,"aria-hidden":!0}),(0,I.jsx)(`span`,{className:v(`product-bento-firewall-shield-pulse absolute left-1/2 top-1/2 flex size-5 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-border bg-background`),children:(0,I.jsx)(h,{className:v(`size-2.5`,S.brandIcon),"aria-hidden":!0})}),Te.map(e=>(0,I.jsx)(`span`,{className:v(`absolute top-1/2 size-1.5 rounded-full opacity-0`,De[e.tone],e.outcome===`block`?`product-bento-firewall-request-block`:`product-bento-firewall-request-pass`),style:{"--fw-delay":`${e.delayMs}ms`},"aria-hidden":!0},e.id))]}),(0,I.jsx)(`p`,{className:`mt-1.5 text-center text-[9px] text-muted-foreground opacity-0 transition-opacity duration-300 group-hover:opacity-100 motion-reduce:opacity-100 sm:text-[10px]`,style:{transitionDelay:`120ms`},children:e(`Requests evaluated against active rules`)})]})}function Ae({name:t,condition:n,action:r,enabled:i,index:a,highlightOnHover:o=!1}){let s=p(),c=$[r].Icon;return(0,I.jsxs)(`div`,{className:v(`flex items-center gap-2 rounded-md border border-border/70 px-2 py-1.5 transition-[background-color,opacity,transform] duration-300`,O.panelMd,i&&!o?`group-hover:bg-background motion-reduce:group-hover:bg-card/70`:i?``:`opacity-60`,o&&`product-bento-pink-cta group-hover:animate-[product-bento-oauth-highlight_0.45s_ease-out_both] motion-reduce:group-hover:animate-none`),style:{animationDelay:o?`${120+a*70}ms`:`${a*50}ms`},children:[(0,I.jsx)(`span`,{className:`flex shrink-0 items-center justify-center`,children:i?(0,I.jsx)(g,{className:`size-3.5 text-muted-foreground transition-colors duration-300 group-hover:text-emerald-600 dark:group-hover:text-emerald-400 motion-reduce:group-hover:text-muted-foreground`,"aria-hidden":!0}):(0,I.jsx)(e,{className:`size-3.5 text-muted-foreground`,"aria-hidden":!0})}),(0,I.jsx)(c,{className:v(`size-3.5 shrink-0 text-muted-foreground transition-colors duration-300`,r===`block`&&`group-hover:text-red-600 dark:group-hover:text-red-400 motion-reduce:group-hover:text-muted-foreground`,r===`allow`&&`group-hover:text-emerald-600 dark:group-hover:text-emerald-400 motion-reduce:group-hover:text-muted-foreground`,r===`challenge`&&`group-hover:text-amber-600 dar

1k:group-hover:text-amber-400 motion-reduce:group-hover:text-muted-foreground`),"aria-hidden":!0}),(0,I.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,I.jsx)(`p`,{className:v(`truncate text-[11px] font-medium sm:text-[12px]`,S.text),children:s(t)}),(0,I.jsx)(`p`,{className:`truncate font-mono text-[10px] text-muted-foreground sm:text-[11px]`,children:n})]}),(0,I.jsx)(Oe,{action:r})]})}function je(){let e=p();return(0,I.jsx)(`div`,{className:`absolute inset-0 flex flex-col`,children:(0,I.jsxs)(`div`,{className:v(`flex h-full min-h-0 w-full flex-col`,O.shell),children:[(0,I.jsx)(`div`,{className:v(O.header,`px-3.5 py-2.5`),children:(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsx)(`p`,{className:v(`text-[12px] font-medium sm:text-[13px]`,S.text),children:e(`Traffic rules`)}),(0,I.jsx)(`p`,{className:`mt-0.5 text-[11px] text-muted-foreground sm:text-[12px]`,children:e(`Filter requests before they reach your APIs`)})]}),(0,I.jsx)(`span`,{className:`relative mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md border border-border bg-background`,children:(0,I.jsx)(h,{className:v(`size-3.5 motion-reduce:animate-none group-hover:animate-pulse`,S.brandIcon),"aria-hidden":!0})})]})}),(0,I.jsxs)(`div`,{className:`space-y-2 overflow-hidden p-3`,children:[(0,I.jsx)(`div`,{className:`grid grid-cols-3 gap-1.5`,children:we.map(t=>(0,I.jsxs)(`div`,{className:`rounded-md border border-border bg-background px-2 py-1.5 text-center shadow-sm transition-shadow duration-300 group-hover:shadow-md`,children:[(0,I.jsx)(`p`,{className:`text-[11px] font-semibold tabular-nums text-foreground sm:text-[12px]`,children:t.value}),(0,I.jsx)(`p`,{className:`text-[9px] font-medium text-muted-foreground sm:text-[10px]`,children:e(t.label)})]},t.id))}),(0,I.jsx)(ke,{}),(0,I.jsx)(`div`,{className:`space-y-1.5`,children:Ce.map((e,t)=>(0,I.jsx)(Ae,{name:e.name,condition:e.condition,action:e.action,enabled:e.enabled,index:t,highlightOnHover:`highlightOnHover`in e?e.highlightOnHover:!1},e.id))})]})]})})}export{A as a,se as c,oe as i,ae as l,Se as n,M as o,L as r,ce as s,je as t};