https://envless.cloud/assets/FeatureSpecimen.DVDy_4yR.js

1import{j as e}from"./jsx-runtime.u17CrQMm.js";import{b as Z,c as E,d as ee,S as p,a as d,F as se}from"./SpecimenFrame.D6W5qhJK.js";import{r as O}from"./chunk-BV7QT456.BQ71lt_D.js";import{a as ae}from"./animate-attributes.CG3A8P5v.js";import{o as z}from"./Check.es.CGp0En6k.js";import{e as ne}from"./Copy.es.dliWH5g9.js";import"./ExternalLinks.DYQ1kwe5.js";import{B as T}from"./index.Bq7B3-hS.js";import{C as h}from"./widgets.L_NEDZTt.js";import{u as te}from"./useCopyFeedback.C3CUKZHR.js";import{s as o,D as ce,t as A,u as R,v as y,w as ie,x as _,E as re,y as f,V as P,z as le,B as u,I as v,i as oe,K as L,L as me,M as F,N as k,Q as M,U as pe}from"./jwt-generator.DZpDpWmD.js";/* empty css                    */import{r as q}from"./ArrowRight.es.JKcZaiQP.js";import{D as de}from"./DashboardCTA.B38_8cCe.js";import{S as D}from"./SiteLink.DZj8NgI4.js";import{a as xe}from"./signed-in.BONbOMX_.js";import{T as he,M as Ne}from"./MatrixGlyph.tcDNoeDL.js";import{t as je}from"./Stack.es.DwCBOihs.js";import{o as ue}from"./Key.es.ClQqBiDz.js";import{e as fe}from"./LockKey.es.BTruJ5TD.js";const ws="-35% 0px -55% 0px",Ee="(prefers-reduced-motion: reduce)",Ts={FRONT:o.ENCRYPTION,MIDDLE:o.AI_AGENTS,BACK:o.ENVIRONMENT_VARIABLES},V="|",_e=(s,a)=>{const n=s[0]??"",[c,i]=O.useState(n),t=s.join(V);return O.useEffect(()=>{const r=t.split(V).map(m=>m?document.getElementById(m):null).filter(m=>m!==null);if(!r.length)return;const l=new IntersectionObserver(m=>{const I=m.filter(J=>J.isIntersecting),C=I[I.length-1];C&&i(C.target.id)},{rootMargin:a,threshold:0});return r.forEach(m=>l.observe(m)),()=>l.disconnect()},[t,a]),s.includes(c)?c:n},ge=/^\s*(#|\/\/)/,Se=/^\s/,be="bash",we=(s,a,n)=>{const c=s[a]??"";if(ge.test(c))return"text-muted-foreground";if(!(n!==be||!c||Se.test(c))&&!(s[a-1]??"").trimEnd().endsWith("\\"))return"flow-prompt"},Q=({step:s,className:a=""})=>{const n=(s.command??"").split(`
2`),c=n.length-1;return e.jsx("pre",{"data-language":s.language,className:"m-0 overflow-x-auto whitespace-pre font-mono text-[13px] leading-[1.75] text-body "+a,children:e.jsx("code",{children:n.map((i,t)=>e.jsxs("span",{className:we(n,t,s.language),children:[i,t<c?`
3`:""]},t))})})},Te="bash",ve=({language:s})=>e.jsxs("p",{"aria-hidden":"true",className:"mt-1 flex items-center font-mono text-[13px] leading-[1.75] text-body",children:[s===Te&&e.jsx("span",{className:"text-primary-text",children:"$ "}),e.jsx("span",{className:"flow-cursor"})]}),Ie=s=>Z[s.toUpperCase()]??s,Ce=({steps:s,activeIndex:a})=>{const n=s[a],{state:c,copy:i}=te((n==null?void 0:n.command)??""),t=c==="copied",r=c==="manual";return e.jsxs("div",{"data-md-skip":"",className:"flow-panel bento-panel hidden overflow-hidden lg:sticky lg:top-[max(7rem,calc(50vh-200px))] lg:block",children:[e.jsxs("div",{className:"bento-bar",children:[e.jsx("span",{className:"bento-dot"}),e.jsx("span",{className:"bento-dot"}),e.jsx("span",{className:"bento-dot"}),e.jsx("span",{className:"bento-bar-title",children:Ie((n==null?void 0:n.language)??"")}),e.jsxs("span",{className:"ml-auto text-[11px] text-muted-foreground tabular-nums",children:[a+1," / ",s.length]}),e.jsx(T,{type:"button",variant:"ghost",size:"icon-sm",className:"rounded-full","aria-label":r?h.PRESS_CTRL_C:h.COPY,disabled:!(n!=null&&n.command),onClick:()=>{i()},children:t?e.jsx(z,{weight:"bold","aria-hidden":"true",className:"size-4 text-primary-text"}):e.jsx(ne,{weight:"duotone","aria-hidden":"true",className:"size-4"})}),e.jsx("span",{className:"sr-only","aria-live":"polite",children:t?h.COPIED:r?h.PRESS_CTRL_C:""})]}),e.jsx("div",{className:"p-2",children:e.jsx("div",{className:"grid min-h-[200px] rounded-[14px] bg-code shadow-[inset_0_0_0_1px_var(--code-edge)]",children:s.map((l,m)=>e.jsxs("div",{className:"flow-pane p-5 transition-fx [grid-area:1/1] "+(m===a?"opacity-100":"invisible translate-y-1 opacity-0"),children:[e.jsx(Q,{step:l}),e.jsx(ve,{language:l.language})]},l.title))})})]})},Oe=s=>s==null?void 0:s.scrollIntoView({block:"center",behavior:window.matchMedia(Ee).matches?"auto":"smooth"}),Ae=({step:s,index:a,state:n})=>e.jsxs("li",{id:"flow-"+a,"data-state":n,className:"flow-step relative grid grid-cols-[32px_minmax(0,1fr)] gap-x-4 py-5 lg:py-8",children:[e.jsx("span",{className:"flow-marker grid size-8 place-items-center rounded-full font-display text-[16px] transition-fx",children:a+1}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("h3",{className:"font-display text-[21px] leading-[1.2] font-normal text-foreground md:text-[23px]",children:s.title}),e.jsx("p",{className:"flow-step__desc mt-1.5 text-[15px] leading-relaxed text-body",children:s.description}),s.command&&e.jsx(Q,{step:s,className:"mt-4 rounded-[14px] bg-code p-4 shadow-[inset_0_0_0_1px_var(--code-edge)] lg:hidden"})]}),e.jsx("button",{type:"button",tabIndex:-1,"aria-hidden":"true",className:"absolute inset-0 hidden cursor-pointer rounded-2xl lg:block",onClick:c=>Oe(c.currentTarget.parentElement)})]}),Re=(s,a)=>s===a?E.ACTIVE:s<a?E.PAST:E.NEXT,vs=({heading:s,steps:a})=>{const n=a.map((i,t)=>"flow-"+t),c=Math.max(n.indexOf(_e(n,ee)),0);return e.jsx("section",{className:"bg-sidebar py-20 md:py-28",children:e.jsxs("div",{className:"mx-auto max-w-section px-5 md:px-[60px]",children:[e.jsx("h2",{...ae(),className:"mb-10 max-w-[22ch] font-display text-[32px] leading-[1.05] font-normal text-foreground md:mb-14 md:text-[48px]",children:s}),e.jsxs("div",{className:"flow-story grid items-start gap-2 lg:grid-cols-[minmax(0,5fr)_minmax(0,7fr)] lg:gap-14",children:[e.jsx("ol",{className:"flow-rail flex flex-col",children:a.map((i,t)=>e.jsx(Ae,{step:i,index:t,state:Re(t,c)},i.title))}),e.jsx(Ce,{steps:a,activeIndex:c})]})]})})},Is=({label:s,href:a,secondaryLabel:n,secondaryHref:c})=>e.jsxs(e.Fragment,{children:[e.jsx(T,{asChild:!0,size:"lg",...xe(),children:e.jsxs(D,{href:a??ce,children:[s??"Try now",e.jsx(q,{weight:"bold",className:"size-4"})]})}),e.jsx(de,{size:"lg"}),n&&c&&e.jsx(T,{asChild:!0,size:"lg",variant:"secondary",children:e.jsx(D,{href:c,children:n})})]}),ye={chips:[A[0],A[5]]},Pe=({size:s})=>e.jsxs(p,{size:s,title:"terminal",children:[e.jsx("div",{className:"specimen-embed specimen-terminal min-h-0 flex-1 overflow-hidden",children:e.jsx(he,{})}),e.jsx(d,{proofs:ye.chips})]}),U={lines:[y[0],y[1]].flatMap(s=>(s.command??"").split(`
4`)),chips:[R[1],R[3]]},Le=3,Fe=({size:s})=>e.jsxs(p,{size:s,title:"terminal",children:[e.jsxs("div",{className:"specimen-session flex min-h-0 flex-1 flex-col gap-2.5 overflow-hidden",children:[U.lines.map((a,n)=>e.jsxs("p",{className:"bento-cmd"+(n>=Le?" specimen-secondary":""),children:[e.jsx("span",{className:"bento-prompt",children:"$"}),a]},a)),e.jsxs("p",{className:"bento-cmd flex items-center",children:[e.jsx("span",{className:"bento-prompt",children:"$"}),e.jsx("span",{className:"specimen-cursor"})]})]}),e.jsx(d,{proofs:U.chips})]});var K;const B=((K=ie[0].command)==null?void 0:K.split(" ").pop())??"",ke={source:B,copy:B+JSON.parse(_[5].value),masks:["max-w-[68%]","max-w-[44%]","max-w-[58%]","max-w-[36%]"],chips:[_[3],_[1]]},x=({widthClass:s,sweep:a=!1})=>e.jsx("span",{className:"bento-mask specimen-mask "+s+(a?" is-sweep":"")}),Me=({size:s})=>{const{source:a,copy:n,masks:c,chips:i}=ke;return e.jsxs(p,{size:s,title:"environments",children:[e.jsx("div",{className:"specimen-clone grid min-h-0 flex-1 grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-start gap-2 overflow-hidden",children:[a,n].map((t,r)=>

4e.jsxs("div",{className:r===0?"contents":"specimen-clone__copy contents",children:[r>0&&e.jsx("div",{className:"specimen-clone__seam",children:e.jsx("span",{className:"bento-cipher-chip",children:e.jsx(q,{size:11,weight:"bold",color:"currentColor"})})}),e.jsxs("div",{className:"specimen-node min-w-0",children:[e.jsxs("p",{className:"flex items-center gap-2 text-[12.5px] text-foreground",children:[e.jsx(je,{size:13,weight:"duotone",color:"currentColor",className:"shrink-0 text-primary-text"}),e.jsx("span",{className:"truncate",children:t})]}),c.map(l=>e.jsxs("p",{className:"mt-2.5 flex items-center gap-2.5",children:[e.jsx(x,{widthClass:"max-w-[30%]"}),e.jsx(x,{widthClass:l})]},l))]})]},t))}),e.jsx(d,{proofs:i})]})},De=/--env ([\w,-]+)/;var Y,$;const g=((($=De.exec(((Y=re[1].command)==null?void 0:Y.split(`
5`)[1])??""))==null?void 0:$[1])??"").split(","),S=f[0].label.split(", "),b=f[1].label.split(" or "),Ve={tabs:g,activeTab:g[g.length-1]??"",rows:[{name:"DATABASE_URL",type:S[0]??"",visibility:b[0]??"",accent:!1,mask:"max-w-[82%]"},{name:"PORT",type:S[1]??"",visibility:b[0]??"",accent:!1,mask:"max-w-[34%]"},{name:"NEXT_PUBLIC_APP_URL",type:S[0]??"",visibility:b[1]??"",accent:!0,mask:"max-w-[64%]"}],chips:[f[5],f[3]]},Ue=({size:s})=>{const{tabs:a,activeTab:n,rows:c,chips:i}=Ve;return e.jsxs(p,{size:s,title:"variables",children:[e.jsx("div",{className:"flex items-center gap-1 self-start rounded-full bg-foreground

5/[0.05] p-[3px]",children:a.map(t=>e.jsx("span",{"data-active":t===n,className:"specimen-tab",children:t},t))}),e.jsx("div",{className:"specimen-table min-h-0 flex-1 overflow-hidden",children:c.map(t=>e.jsxs("div",{className:"specimen-table__row",children:[e.jsx("span",{className:"truncate text-[12px] text-foreground",children:t.name}),e.jsx("span",{className:"specimen-tag",children:t.type}),e.jsx("span",{className:"specimen-tag","data-accent":t.accent,children:t.visibility}),e.jsx(x,{widthClass:t.mask,sweep:!0})]},t.name))}),e.jsx(d,{proofs:i})]})},w=s=>{var a,n;return((n=(a=le[s])==null?void 0:a.command)==null?void 0:n.split(`
6`)[0])??""},Be={toggles:[w(1).split(" ").pop()??"",w(2).split(" ").slice(-2).join(" ")],request:w(3),rows:[["max-w-[38%]","max-w-[46%]"],["max-w-[24%]","max-w-[62%]"],["max-w-[46%]","max-w-[30%]"]],chips:[P[1],P[3]]},Ge=({size:s})=>{const{toggles:a,request:n,rows:c,chips:i}=Be;return e.jsxs(p,{size:s,title:"exposed feed",children:[e.jsx("div",{className:"flex flex-wrap items-center gap-x-4 gap-y-2",children:a.map(t=>e.jsxs("span",{className:"flex items-center gap-2 text-[12px] text-foreground",children:[e.jsx("span",{className:"specimen-toggle"}),t]},t))}),e.jsxs("p",{className:"bento-cmd truncate",children:[e.jsx("span",{className:"bento-prompt",children:"$"}),n]}),e.jsxs("div",{className:"specimen-feed min-h-0 flex-1 overflow-hidden text-[12px] text-muted-foreground",children:[e.jsx("p",{children:"{"}),c.map(([t="",r=""],l)=>e.jsxs("p",{className:"specimen-feed__row",children:[e.jsx("span",{children:'"'}),e.jsx(x,{widthClass:t}),e.jsx("span",{children:'": "'}),e.jsx(x,{widthClass:r}),e.jsx("span",{children:'"'})]},l)),e.jsx("p",{children:"}"})]}),e.jsx(d,{proofs:i})]})},G=u[4],We={floor:G,iterations:u[1],cipher:u[0],keyHandling:u[5],maskCount:Number.parseInt(G.value,10)},Ke=({size:s})=>{const{floor:a,iterations:n,cipher:c,keyHandling:i,maskCount:t}=We;return e.jsx(p,{size:s,title:"key derivation",children:e.jsxs("div",{className:"specimen-chain flex min-h-0 flex-1 flex-col overflow-hidden",children:[e.jsxs("div",{className:"specimen-node",children:[e.jsxs("p",{className:"flex items-center justify-between gap-3 text-[11.5px] text-muted-foreground",children:[e.jsx("span",{children:"passphrase"}),e.jsx("span",{children:a.value})]}),e.jsx("p",{className:"mt-2.5 flex gap-[5px]",children:Array.from({length:t},(r,l)=>e.jsx("span",{className:"specimen-pill"},l))})]}),e.jsx("div",{className:"bento-cipher-seam specimen-seam",children:e.jsxs("span",{className:"bento-cipher-chip",children:[e.jsx("span",{className:"text-foreground",children:n.value}),n.label]})}),e.jsxs("div",{className:"specimen-node flex flex-wrap items-center gap-x-3 gap-y-2",children:[e.jsx("span",{className:"grid size-7 shrink-0 place-items-center rounded-full bg-primary-soft text-primary-text",children:e.jsx(ue,{size:14,weight:"duotone",color:"currentColor"})}),e.jsx("span",{className:"text-[13px] text-foreground",children:c.value}

6),e.jsx("span",{className:"ml-auto rounded-full bg-foreground/[0.05] px-2 py-0.5 text-[11px] text-muted-foreground",children:i.value})]}),e.jsx("div",{className:"specimen-secondary bento-cipher-seam specimen-seam is-short"}),e.jsxs("div",{className:"specimen-secondary specimen-node flex items-center gap-3",children:[e.jsx(fe,{size:14,weight:"duotone",color:"currentColor",className:"shrink-0 text-primary-text"}),e.jsx(x,{widthClass:"max-w-full",sweep:!0})]})]})})},X=v[1],Ye=X.value.split(" / "),{YES:N,NO:j,PARTIAL:$e}=oe,He={roles:X.label.split(", ").map((s,a)=>({name:s,count:Ye[a]??""})),rows:[{label:"workspace:delete",states:[N,j,j]},{label:"billing:manage",states:[N,j,j]},{label:"everything else",states:[N,N,$e]}],chips:[v[2],v[3]]},ze=({size:s})=>{const{roles:a,rows:n,chips:c}=He;return e.jsxs(p,{size:s,title:"roles",children:[e.jsxs("div",{className:"specimen-matrix min-h-0 flex-1 overflow-hidden",children:[e.jsxs("div",{className:"specimen-matrix__row is-head",children:[e.jsx("span",{}),a.map(i=>e.jsxs("span",{className:"flex flex-col items-center gap-0.5",children:[e.jsx("span",{className:"text-[12px] text-foreground",children:i.name}),e.jsx("span",{className:"text-[11px] tabular-nums text-muted-foreground",children:i.count})]},i.name))]}),n.map(i=>e.jsxs("div",{className:"specimen-matrix__row",children:[e.jsx("span",{className:"truncate text-[12px] text-body",children:i.label}),i.states.map((t,r)=>{var l;return e.jsx("span",{className:"grid place-items-center",children:e.jsx(Ne,{state:t})},((l=a[r])==null?void 0:l.name)??r)})]},i.label))]}),e.jsx(d,{proofs:c})]})},W={lines:(me[4].command??"").split(`
7`),chips:[L[4],L[5]]},qe=/('[^']*'|\b(?:import|from|const|await|new|let|return|try|catch|else|if|throw)\b)/g,Qe="'",Xe=({line:s})=>e.jsx("p",{className:"c-line",children:s.split(qe).map((a,n)=>n%2?e.jsx("span",{className:a.startsWith(Qe)?"c-str":"c-key",children:a},n):a)}),Je=({size:s})=>e.jsxs(p,{size:s,title:"index.ts",children:[e.jsx("div",{className:"specimen-code min-h-0 flex-1 overflow-hidden",children:e.jsx("div",{className:"bento-code",children:W.lines.map((a,n)=>e.jsx(Xe,{line:a},n))})}),e.jsx(d,{proofs:W.chips})]});var H;const Ze={steps:k.slice(0,4).map(s=>s.title),command:((H=k[5].command)==null?void 0:H.split(`
8`)[0])??"",chips:[F[2],F[1]]},es=({size:s})=>{const{steps:a,command:n,chips:c}=Ze;return e.jsxs(p,{size:s,title:"setup",children:[e.jsxs("ol",{className:"specimen-checklist flex min-h-0 flex-1 flex-col gap-2.5 overflow-hidden",children:[a.map(i=>e.jsxs("li",{className:"specimen-step",children:[e.jsx("span",{className:"specimen-check",children:e.jsx(z,{size:10,weight:"bold",color:"currentColor"})}),e.jsx("span",{className:"truncate",children:i})]},i)),e.jsxs("li",{className:"bento-cmd mt-1.5 truncate",children:[e.jsx("span",{className:"bento-prompt",children:"$"}),n]})]}),e.jsx(d,{proofs:c})]})},ss={command:pe[2].command??"",versions:["v12","v11","v10"],current:"current",chips:[M[0],M[5]]},as=["max-w-[62%]","max-w-[44%]","max-w-[52%]"],ns=({size:s})=>{const{command:a,versions:n,current:c,chips:i}=ss;return e.jsxs(p,{size:s,title:"versions",children:[e.jsxs("p",{className:"bento-cmd truncate",children:[e.jsx("span",{className:"bento-prompt",children:"$"}),a]}),e.jsxs("ol",{className:"specimen-timeline relative flex min-h-0 flex-1 flex-col overflow-hidden",children:[e.jsx("span",{className:"specimen-ring"}),n.map((t,r)=>e.jsxs("li",{"data-current":r===0,className:"specimen-version",children:[e.jsx("span",{className:"specimen-version__dot"}),e.jsx("span",{className:"w-9 shrink-0 text-[12.5px] text-foreground",children:t}),e.jsx(x,{widthClass:as[r]??"max-w-[50%]"}),r===0&&e.jsx("span",{className:"ml-auto shrink-0 rounded-full bg-primary-soft px-2 py-0.5 text-[11px] text-primary-text",children:c})]},t))]}),e.jsx(d,{proofs:i})]})},Cs=({slug:s,size:a=se.HERO})=>{switch(s){case o.AI_AGENTS:return e.jsx(Pe,{size:a});case o.CLI:return e.jsx(Fe,{size:a});case o.SDK:return e.jsx(Je,{size:a});case o.ENCRYPTION:return e.jsx(Ke,{size:a});case o.VERSIONING:return e.jsx(ns,{size:a});case o.ACCESS_CONTROL:return e.jsx(ze,{size:a});case o.ENVIRONMENT_VARIABLES:return e.jsx(Ue,{size:a});case o.VIRTUAL_ENVIRONMENTS:return e.jsx(Ge,{size:a});case o.SETUP:return e.jsx(es,{size:a});

8case o.DUPLICATE:return e.jsx(Me,{size:a});default:return null}};export{Ee as C,Cs as F,Is as P,vs as a,Ts as b,ws as c,_e as u};