https://www.openhands.dev/assets/internal.component-examples-DkBFsIr7.js

1import{w as n}from"./chunk-62JRHF6Z-Bk-m5fT2.js";import{j as e}from"./jsx-runtime-u17CrQMm.js";import{N as d,a as c}from"./simple-2VM6Iu0B.js";import{c as l,d as p,b as m,e as x}from"./product-feature-page-C_vRXHGA.js";import{G as s}from"./site-shell-DXIYxL5Z.js";import{e as g}from"./route-layout-CgDt7p_S.js";import"./marketing-neutral-colors-CbkampB_.js";import"./bootstrap-icons-BOxysNfn.js";import"./shield-check-MIboGea0.js";import"./createLucideIcon-CK-B6ddz.js";import"./product-canvas-backends-flow-divider-B3QXG31r.js";import"./create-visual-element-CUMRPbJn.js";import"./use-scroll-Cpx0pJMN.js";import"./overlay-link-button-BKeY3ofL.js";import"./clsx-B-dksMZM.js";import"./preload-helper-BXl3LOEh.js";import"./zap-C7tYNvTc.js";import"./plug-yt3vQSgu.js";import"./faq-accordion-B2ms2gQ6.js";import"./download-Cbr0Kxmn.js";const h=({image:a,title:o,description:r})=>e.jsx("section",{"data-wf-el":"section",className:"product-feature-section product-gui-intro-section",style:{display:"block",backgroundColor:"rgb(24, 24, 24)",color:"rgb(247, 243, 238)",position:"relative",paddingTop:"80px",paddingBottom:"80px",paddingLeft:"0px",paddingRight:"0px"},children:e.jsx("div",{"data-wf-el":"container",className:"product-feature-container mx-auto max-w-[1238px]",style:{display:"block",width:"calc(100% - 80px)",maxWidth:"1238px",marginLeft:"auto",marginRight:"auto"},children:e.jsxs("div",{className:"product-gui-intro-row",style:{display:"flex",marginLeft:"-20px",marginRight:"-20px"},children:[e.jsx("div",{className:"product-gui-intro-media-col",style:{width:"50%",paddingLeft:"20px",paddingRight:"20px",minHeight:"min(469px, 52.5vw)"},children:e.jsxs("div",{"data-wf-el":"product-list_img_wrap",className:"product-gui-hero-image-wrap bg-brand-bg",style:{backgroundColor:"rgb(247, 243, 238)",border:"1px solid rgb(179, 168, 140)",borderRadius:"16px",boxSizing:"border-box",color:"rgb(247, 243, 238)",display:"flex",justifyContent:"center",alignItems:"center",position:"relative",overflow:"hidden",width:"100%",minHeight:"100%",marginLeft:"0px",padding:"96px 64px 64px",boxShadow:"none"},children:[e.jsx("div",{"data-wf-el":"product-list_img_overlay",className:"absolute inset-x-0 top-0 text-brand-fg",style:{backgroundColor:"rgb(179, 168, 140)",color:"rgb(24, 24, 24)",zIndex:1,padding:"16px"},children:e.jsx("div",{"data-wf-el":"eyebrow",className:"font-mono",style:{fontSize:"14.08px",lineHeight:"16.896px",marginBottom:"0px",width:"100%"},children:"Web GUI"})}),e.jsx("img",{"data-wf-el":"product-list_img",src:a.src,alt:a.alt,style:{width:"100%",maxWidth:"469px",height:"auto",borderRadius:"0px",color:"rgb(247, 243, 238)",display:"block",objectFit:"scale-down"}})]})}),e.jsx("div",{className:"product-gui-intro-copy-col",style:{width:"50%",paddingLeft:"20px",paddingRight:"20px",minHeight:"min(469px, 52.5vw)"},children:e.jsxs("div",{"data-wf-el":"heading-stack",className:"text-brand-bg",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",paddingLeft:"0px",paddingRight:"0px",width:"100%",height:"100%"},children:[e.jsx("h2",{className:"section-title",children:o}),e.jsx("p",{"data-wf-el":"paragraph-lg",className:"fluid-body-lg text-[#b3a88c]",style:{marginTop:"0px",marginBottom:"20.8px",width:"100%",textWrap:"pretty",wordSpacing:"0.025px"},children:r})]})})]})})}),t=g.gui,i=({title:a,description:o,children:r})=>e.jsxs("section",{className:"border-t border-[rgba(24,24,24,0.12)] py-10",children:[e.jsxs("div",{className:"product-feature-container mx-auto w-full max-w-[1238px] px-5 md:px-10",children:[e.jsx("p",{className:"mb-2 font-mono text-xs font-normal uppercase tracking-[0.1em] text-[#8a5f45]",children:"Archived example"}),e.jsx("h2",{className:"fluid-h4 text-brand-fg",style:{marginBottom:"8px"},children:a}),e.jsx("p",{className:"fluid-body-lg max-w-[760px] text-brand-muted",style:{marginBottom:"32px"},children:o})]}),r]});function u(){return e.jsxs("div",{"data-wf-el":"archived-sections",className:"product-canvas-archived-sections",children:[e.jsx(i,{title:"Web GUI intro band",description:"Two-column dark section with framed GUI screenshot and intro copy. Removed from /product/canvas when Agent Canvas sections replaced the legacy Web GUI story.",children:e.jsx(h,{image:t.heroImage,title:t.introTitle,de

1scription:t.introDescription})}),e.jsx(i,{title:"Trust requires visibility proof band",description:"ASCII accent background with centered proof copy. Removed from /product/canvas after the canvas-specific sections were added.",children:e.jsx(l,{title:t.proofTitle,description:t.proofDescription,image:t.accentImage,headingClassName:"text-brand-fg",descriptionClassName:"text-[#5f5f5f]"})}),e.jsx(i,{title:"Key capabilities and use cases showcase",description:"Two-row capabilities/use-cases grid with product screenshots. Removed from /product/canvas; still used on CLI and SDK product pages.",children:e.jsx(p,{capabilities:t.capabilities,useCases:t.useCases,showcaseImages:t.showcaseImages,variant:"gui"})}),e.jsx(i,{title:"Product comparison table",description:"Dark competitor comparison block with Get OpenHands CTA. Removed from /product/canvas; still used on CLI and SDK product pages.",children:e.jsx(m,{dark:!0,ctaHref:t.comparisonCta?.href??s.href,ctaLabel:t.comparisonCta?.label??s.label,minHeight:1082})}),e.jsx(i,{title:"Legacy Web GUI FAQ",description:"Two-column FAQ accordion with Contact us CTA. Removed from /product/canvas when the page copy moved to Agent Canvas.",children:e.jsx(x,{faqs:t.faqs})})]})}const D=()=>[{title:"Internal Component Examples | OpenHands"},{name:"description",content:"Internal archive of removed marketing section examples. Not linked from site navigation."},{name:"robots",content:"noindex, nofollow"}],H=n(function(){return e.jsxs("main",{"data-wf-el":"page-main",className:"internal-component-examples-page",children:[e.jsx("section",{"data-wf-el":"section",style:{display:"block",backgroundColor:"rgb(247, 243, 238)",paddingTop:"80px",paddingBottom:"40px",paddingLeft:"0px",paddingRight:"0px"},children:e.jsxs("div",{className:"product-feature-container mx-auto w-full max-w-[1238px] px-5 md:px-10",children:[e.jsx("p",{className:"mb-4 font-mono text-sm font-normal uppercase tracking-[0.08em] text-brand-fg",children:"Internal reference"}),e.jsx("h1",{className:"section-title max-w-[760px] text-brand-fg",style:{marginBottom:"20px"},children:"Internal component examples"}),e.jsx("p",{className:"fluid-body-lg max-w-[760px] text-brand-muted",style:{margin:0,textWrap:"pretty"},children:"These blocks are preserved for design and parity reference. This route is intentionally not linked from the public site navigation."})]})}),e.jsx("section",{className:"border-t border-[rgba(24,24,24,0.12)] py-10",children:e.jsxs("div",{className:"product-feature-container mx-auto w-full max-w-[1238px] px-5 md:px-10",children:[e.jsx("p",{className:"mb-2 font-mono text-xs font-normal uppercase tracking-[0.1em] text-[#8a5f45]",children:"Archived example"}),e.jsx("h2",{className:"fluid-h4 text-brand-fg",style:{marginBottom:"8px"},children:"Top-nav dropdown styles"}),e.jsx("p",{className:"fluid-body-lg max-w-[760px] text-brand-muted",style:{marginBottom:"32px"},children:"The rich icon-and-grid dropdown panels are preserved here. The live header now uses the simpler list variant."}),e.jsx(d,{}),e.jsx("div",{className:"mt-10",children:e.jsx(c,{})})]})}),e.jsx(u,{})]})});export{H as default,D as meta};