1import{r as A,j as e,C as i,d as l,a as o,b as s,B as _}from"./bootstrap-vendor-BhheAoEU.js";import{H as se,L as d}from"./app-DXwX_1H5.js";import{A as ie}from"./AppLayout-D-e4I7Xa.js";import{U as P,c as S,b as x,Y as I,Z as T,_ as F,$ as b,a0 as O,q as j,m as g,a1 as oe,z as u,a2 as re,a3 as ce,a4 as de,R as M,a5 as E,d as le}from"./icons-vendor-DOAVIvzV.js";/* empty css */import"./Footer-Cy6QkrJd.js";const ge="npx skills add MTTenterprise/Bank-statement-conversion --skill bank-statement-conversion";function je({agents:B={},agentIntegration:p,connectionCards:m=[],publicWorkflowEndpoints:pe=[],supportedInputFormats:z=[],supportedOutputFormats:k={},tokenAbilities:q=[],tokenDashboardUrl:R="/dashboard?api-tokens=1",finalCta:h={},skill:w={},bsc:r={}}){const[y,v]=A.useState(""),n=B,t=n.sections||{},f=w.install_command||ge,L=p?.mcp_server?.web_url||"https://bank-statement-conversion.com/mcp/bank-statement-conversion",D=p?.openapi_url||"https://bank-statement-conversion.com/api/openapi.json";p?.llms_url,p?.llms_full_url;const U=h.primary_label||"Create account",V=h.primary_href||"/register",X=h.secondary_label||"View API docs",Q=h.secondary_href||"/api",G={code:M,"file-code":de,network:ce,terminal:re},K={csv:P,database:S,file:x},H={upload:I,excel:T,robot:F,key:b,download:O,shield:j},J=A.useMemo(()=>(k.bank_statement||[]).slice(0,14),[k]),N=async a=>{typeof navigator>"u"||!navigator.clipboard||(await navigator.clipboard.writeText(a),v(a),window.setTimeout(()=>v(""),1800))},Y=[{title:"MCP",eyebrow:"Claude, Cursor, Codex",description:"Connect compatible AI clients to live conversion tools for account checks, uploads, job status, and downloads from the chat.",icon:"network",accent:"#1d976c",href:"/mcp",action:"Set up MCP",recommended:!0,tags:["Remote MCP","BSC_API_TOKEN","Scoped tools"]},{title:"Agent Skill",eyebrow:"One command install",description:"Install a focused skill that teaches coding agents the safe Bank Statement Conversion workflow, endpoint scope, and token handling rules.",icon:"terminal",accent:"#2563eb",href:"#agent-skill",action:"Install skill",code:f,tags:["Codex","Claude Code","Cursor","Windsurf"]},{title:"ChatGPT Actions",eyebrow:"OpenAPI schema",description:"Use the machine-readable schema for action builders and schema-aware agents that prefer OpenAPI over MCP.",icon:"file-code",accent:"#7c3aed",href:D,action:"Open schema",tags:["OpenAPI","Actions","Custom GPTs"]},{title:"REST API",eyebrow:"Custom agents and jobs",description:"Build custom financial workflows with upload, status polling, and download endpoints from any backend or agent runtime.",icon:"code",accent:"#f97316",href:"/api",action:"API docs",tags:["Node.js","Python","Any stack"]}],W=m.length?m:Y,$=(n.workflow_examples||[{title:"Convert a PDF statement",prompt:"Convert this PDF bank statement to CSV and tell me when the file is ready.",answer:"I uploaded the statement, started the conversion, and found the completed CSV download token.",icon:P},{title:"Create structured JSON",prompt:"Extract transactions from these statements as JSON for my reconciliation pipeline.",answer:"The files are processed. The JSON output includes statement metadata and normalized transaction rows.",icon:S},{title:"Prepare accounting imports",prompt:"Turn this client statement into QBO and OFX exports.",answer:"The conversion completed with separate QBO and OFX outputs ready for review and download.",icon:x}]).map(a=>({...a,icon:K[a.icon]||x})),Z=(n.capabilities||[{title:"Financial document uploads",description:"PDF, image, CSV, Excel, OFX, QBO, QFX, MT940, XML, and CAMT.053 inputs.",icon:I},{title:"Accounting-ready outputs",description:"CSV, Excel, JSON, Markdown, QuickBooks, Xero, OFX, QFX, MT940, CAMT.053, BAI2, Sage, MYOB, and DATEV.",icon:T},{title:"Asynchronous status checks",description:"Agents can start a conversion, poll job status, and continue only when output files are ready.",icon:F},{title:"Scoped access",description:"Token abilities separate account status, upload, read, and download permissions.",icon:b},{title:"Download-token workflow",description:"Agents use returned download tokens instead of guessing or constructing file URLs.",icon:O},{title:"Safety-first automation",description:"Dedicated tokens and confirmation steps keep financial document actions auditable.",icon:j}]).map(a=>({...a,icon:H[a.icon]||g}
1)),ee=n.use_cases||["Accountants converting client statements inside AI-assisted bookkeeping workflows.","Finance SaaS teams adding statement import to onboarding and reconciliation flows.","Operations teams turning PDF and spreadsheet statements into clean accounting files.","Investigators extracting structured transactions from mixed financial document sets.","Enterprise teams connecting high-volume conversion to internal agent workbenches.","Developers building data pipelines that need reliable statement JSON and CSV output."],ae=n.faq||[{question:"Is /agents replacing /api?",answer:"No. /agents is the AI-agent landing page. /api remains the detailed developer API reference."},{question:"Which connection path should most agent users start with?",answer:"Use MCP first when your client supports remote MCP. Use OpenAPI for ChatGPT Actions and REST API for custom backend jobs."},{question:"Does the agent need a special token?",answer:"Use a dedicated API token for agents and enable only the abilities the agent needs."},{question:"Can an agent upload financial documents automatically?",answer:"The workflow is designed for explicit confirmation before uploads and downloads so users stay in control of sensitive documents."}],te=n.formats?.items||["CSV","Excel","JSON","QBO","OFX","MT940","CAMT.053","BAI2","Markdown"],ne=n.hero?.terminal_steps||["Check account status","Upload statement files","Poll conversion status","Download completed output"];return e.jsxs(ie,{title:r.title||"AI Agents | Bank Statement Conversion",description:r.description||"Connect AI agents to bank statement conversion with MCP, OpenAPI, REST, and agent skills.",children:[e.jsxs(se,{title:r.title||"AI Agents | Bank Statement Conversion",children:[e.jsx("meta",{"head-key":"description",name:"description",content:r.description||"Connect AI agents to bank statement conversion with MCP, OpenAPI, REST, and agent skills."}),e.jsx("meta",{property:"og:title",content:r.og_title||"Bank Statement Conversion for AI Agents"}),e.jsx("meta",{property:"og:description",content:r.og_description||r.description})]}),e.jsxs("main",{className:"agents-page",children:[e.jsx("section",{className:"agents-hero",children:e.jsxs(i,{children:[e.jsxs("div",{className:"agents-format-strip","aria-label":n.formats?.aria_label||"Supported output formats",children:[e.jsx("span",{children:n.formats?.label||"Converts to"}),e.jsx("div",{children:te.map(a=>e.jsx(l,{className:"agents-format-badge",children:a},a))})]}),e.jsxs(o,{className:"align-items-center g-5",children:[e.jsxs(s,{lg:7,children:[e.jsxs(l,{className:"agents-hero-badge mb-4",children:[e.jsx(oe,{className:"me-2"}),n.hero?.badge||"MCP-first financial document automation"]}),e.jsx("h1",{children:n.hero?.title||"Connect your AI agent to bank statement conversion."}),e.jsx("p",{className:"agents-hero-copy",children:n.hero?.description||"Let Claude, ChatGPT, Codex, Cursor, and custom agents convert bank statements, invoices, receipts, and accounting files into structured outputs through MCP, OpenAPI, REST, or an installable Agent Skill."}),e.jsxs("div",{className:"agents-hero-actions",children:[e.jsxs(d,{href:m[0]?.href||"/mcp",className:"btn agents-primary-btn",children:[n.hero?.primary_cta||"Set up MCP"," ",e.jsx(u,{})]}),e.jsx(d,{href:"/api",className:"btn agents-secondary-btn",children:n.hero?.secondary_cta||"View API docs"})]}),e.jsx("div",{className:"agents-hero-points",children:(n.hero?.points||["Scoped token abilities","Upload, poll, download workflow","LLM discovery files"]).map(a=>e.jsxs("span",{children:[e.jsx(g,{})," ",a]},a))})]}),e.jsx(s,{lg:5,children:e.jsxs("div",{className:"agents-terminal-panel",children:[e.jsxs("div",{className:"agents-terminal-header",children:[e.jsx("span",{}),e.jsx("span",{}),e.jsx("span",{})]}),e.jsxs("div",{className:"agents-terminal-body",children:[e.jsx("p",{className:"agents-terminal-label",children:n.hero?.terminal_label||"Agent workflow"}),e.jsx("pre",{children:ne.map((a,c)=>`${c+1}. ${a}`).join(` 2`)}),e.jsx("div",{className:"agents-terminal-divider"}),e.jsx("p",{className:"agents-terminal-label",children:n.hero?.endpoint_label||"Remote MCP endpoint"}),e.jsx("code",{children:L})]})]})})]})]})}),e.jsx("section",{className:"agents-section agents-integration-section",children:e.jsxs(i,{children:[e.jsxs("div",{className:"agents-section-heading text-center",children:[e.jsx("h2",{children:t.integration?.title||"Connect your AI agent to financial document conversion."}),e.jsx("p",{children:t.integration?.description||"Choose the integration path that matches your agent runtime and automation model."})]}
2),e.jsx(o,{className:"g-4",children:W.map(a=>{const c=G[a.icon]||M;return e.jsx(s,{lg:3,md:6,children:e.jsxs("a",{href:a.href,className:`agents-integration-card ${a.recommended?"is-recommended":""}`,style:{"--agent-accent":a.accent},children:[a.recommended&&e.jsx("span",{className:"agents-recommended-pill",children:t.integration?.recommended||"Recommended"}),e.jsx("span",{className:"agents-card-icon",children:e.jsx(c,{})}),e.jsx("h3",{children:a.title}),e.jsx("p",{className:"agents-card-eyebrow",children:a.eyebrow}),e.jsx("p",{className:"agents-card-description",children:a.description}),a.code&&e.jsx("code",{className:"agents-card-command",children:a.code}),e.jsx("div",{className:"agents-card-tags",children:a.tags.map(C=>e.jsx("span",{children:C},C))}),e.jsxs("span",{className:"agents-card-action",children:[a.action," ",e.jsx(u,{})]})]})},a.title)})})]})}),e.jsx("section",{id:"agent-skill",className:"agents-section agents-setup-section",children:e.jsx(i,{children:e.jsxs(o,{className:"g-4 align-items-stretch",children:[e.jsx(s,{lg:6,children:e.jsxs("div",{className:"agents-setup-panel",children:[e.jsx(l,{className:"agents-panel-badge",children:t.skill?.badge||"Quick setup"}),e.jsx("h2",{children:t.skill?.title||"Install the Agent Skill, then connect live tools."}),e.jsx("p",{children:t.skill?.description||"The skill gives coding agents the public conversion workflow, safety rules, supported formats, and when to use MCP, OpenAPI, or REST."}),e.jsxs("div",{className:"agents-copy-row",children:[e.jsx("code",{children:f}),e.jsx(_,{type:"button",className:"agents-icon-button","aria-label":t.skill?.copy_install||"Copy Agent Skill install command",onClick:()=>N(f),children:y===f?e.jsx(g,{}):e.jsx(E,{})})]}),w.github_repo_placeholder&&e.jsx("p",{className:"agents-muted-note",children:t.skill?.placeholder_note||"Publish the skill artifact to GitHub before using this command."})]})}),e.jsx(s,{lg:6,children:e.jsxs("div",{className:"agents-setup-panel dark",children:[e.jsx(l,{className:"agents-panel-badge",children:t.token?.badge||"MCP token"}),e.jsx("h2",{children:t.token?.title||"Use a dedicated token for agent access."}),e.jsxs("p",{children:[t.token?.description_before||"Create the token in your dashboard from API Tokens, then store it as"," ",e.jsx("code",{children:"BSC_API_TOKEN"})," ",t.token?.description_after||"in the agent client. Give the token only the abilities below."]}),e.jsxs("div",{className:"agents-token-actions",children:[e.jsxs(d,{href:R,className:"btn agents-token-create-btn",children:[e.jsx(b,{})," ",t.token?.create_cta||"Create API token"]}),e.jsxs(d,{href:m[0]?.href||"/mcp",className:"btn agents-token-guide-btn",children:[t.token?.guide_cta||"MCP setup guide"," ",e.jsx(u,{})]})]}),e.jsxs("div",{className:"agents-copy-row",children:[e.jsx("code",{children:"BSC_API_TOKEN=your_dashboard_token"}),e.jsx(_,{type:"button",className:"agents-icon-button","aria-label":t.token?.copy_env||"Copy token environment variable",onClick:()=>N("BSC_API_TOKEN=your_dashboard_token"),children:y==="BSC_API_TOKEN=your_dashboard_token"?e.jsx(g,{}):e.jsx(E,{})})]}),e.jsx("div",{className:"agents-ability-list",children:q.map(a=>e.jsxs("span",{children:[e.jsx(le,{})," ",a]},a))})]})})]})})}),e.jsx("section",{className:"agents-section agents-chat-section",children:e.jsxs(i,{children:[e.jsxs("div",{className:"agents-section-heading text-center",children:[e.jsx("h2",{children:t.chat?.title||"Tell your agent what to convert."}),e.jsx("p",{children:t.chat?.description||"No manual dashboard handoff. Your agent can run the workflow and report back when output is ready."})]}),e.jsx(o,{className:"g-4",children:$.map(a=>{const c=a.icon;return e.jsx(s,{lg:4,children:e.jsxs("div",{className:"agents-chat-card",children:[e.jsxs("div",{className:"agents-chat-title",children:[e.jsx(c,{}),e.jsx("span",{children:a.title})]}),e.jsxs("div",{className:"agents-message user",children:[e.jsx("p",{children:a.prompt}),e.jsx("span",{children:t.chat?.user_label||"You"})]}),e.jsxs("div",{className:"agents-message assistant",children:[e.jsx("p",{children:a.answer}),e.jsx("span",{children:t.chat?.agent_label||"Agent"})]})]})},a.title)})})]})}),e.jsx("section",{className:"agents-section",children:e.jsxs(i,{children:[e.jsxs("div",{className:"agents-section-heading text-center",children:[e.jsx("h2",{children:t.capabilities?.title||"Everything your agent needs."}),e.jsx("p",{children:t.capabilities?.description||"One workflow for document upload, conversion status, and accounting-ready outputs."})]}
2),e.jsx(o,{className:"g-4",children:Z.map(a=>{const c=a.icon;return e.jsx(s,{lg:4,md:6,children:e.jsxs("div",{className:"agents-capability",children:[e.jsx(c,{}),e.jsx("h3",{children:a.title}),e.jsx("p",{children:a.description})]})},a.title)})})]})}),e.jsx("section",{className:"agents-section agents-data-section",children:e.jsx(i,{children:e.jsxs(o,{className:"g-4",children:[e.jsx(s,{lg:6,children:e.jsxs("div",{className:"agents-data-panel",children:[e.jsx("h2",{children:t.data?.inputs_title||"Supported inputs"}),e.jsx("div",{className:"agents-data-list",children:z.map(a=>e.jsxs("div",{children:[e.jsx("strong",{children:a.use_case}),e.jsx("span",{children:a.formats})]},a.use_case))})]})}),e.jsx(s,{lg:6,children:e.jsxs("div",{className:"agents-data-panel",children:[e.jsx("h2",{children:t.data?.outputs_title||"Popular output values"}),e.jsx("div",{className:"agents-output-tags",children:J.map(a=>e.jsx("span",{children:a},a))}),e.jsx("p",{children:t.data?.outputs_note||"Use /api for the full output list and request parameters when building custom integrations."})]})})]})})}),e.jsx("section",{className:"agents-section agents-safety-section",children:e.jsx(i,{children:e.jsxs(o,{className:"g-4 align-items-center",children:[e.jsxs(s,{lg:5,children:[e.jsx(l,{className:"agents-panel-badge",children:t.safety?.badge||"Safety scope"}),e.jsx("h2",{children:t.safety?.title||"Designed for financial-document control."}),e.jsx("p",{children:t.safety?.description||"Agent access should be explicit, scoped, and revocable. Use dedicated tokens and confirm sensitive uploads or download preparation before the agent continues."})]}),e.jsx(s,{lg:7,children:e.jsx("div",{className:"agents-safety-grid",children:(t.safety?.items||["Create a dedicated API token for each agent or workspace.","Enable only the abilities required for the workflow.","Confirm before uploading bank statements or preparing downloads.","Revoke the token from the dashboard when access should stop."]).map(a=>e.jsxs("div",{children:[e.jsx(j,{}),e.jsx("span",{children:a})]},a))})})]})})}),e.jsx("section",{className:"agents-section",children:e.jsx(i,{children:e.jsxs(o,{className:"g-5",children:[e.jsx(s,{lg:5,children:e.jsxs("div",{className:"agents-section-heading sticky-heading",children:[e.jsx("h2",{children:t.use_cases?.title||"How teams use agent conversion."}),e.jsx("p",{children:t.use_cases?.description||"Useful anywhere agents need structured transaction data or accounting exports from financial documents."})]})}),e.jsx(s,{lg:7,children:e.jsx("div",{className:"agents-use-case-list",children:ee.map(a=>e.jsxs("div",{children:[e.jsx(g,{}),e.jsx("span",{children:a})]},a))})})]})})}),e.jsx("section",{className:"agents-section",children:e.jsxs(i,{children:[e.jsx("div",{className:"agents-section-heading text-center",children:e.jsx("h2",{children:t.faq?.title||"Common questions."})}),e.jsx("div",{className:"agents-faq-list",children:ae.map(a=>e.jsxs("div",{children:[e.jsx("h3",{children:a.question}),e.jsx("p",{children:a.answer})]},a.question))})]})}),e.jsx("section",{className:"agents-final-cta",children:e.jsx(i,{children:e.jsxs("div",{children:[e.jsx("h2",{children:t.final_cta?.title||"Give your AI agent bank statement conversion."}),e.jsx("p",{children:t.final_cta?.description||"MCP for agent clients. Agent Skill for coding assistants. OpenAPI and REST for custom workflows."}),e.jsxs("div",{className:"agents-hero-actions justify-content-center",children:[e.jsxs(d,{href:V,className:"btn agents-primary-btn",children:[U," ",e.jsx(u,{})]}),e.jsx(d,{href:Q,className:"btn agents-secondary-btn light",children:X})]})]})})})]}),e.jsx("style",{children:` 3 .agents-page { 4 background: #f7faf9; 5 color: #182230; 6 } 7 8 .agents-hero { 9 background: linear-gradient(135deg, #ffffff 0%, #f0faf5 48%, #eef4ff 100%); 10 padding: 3.25rem 0 2.25rem; 11 } 12 13 .agents-format-strip { 14 display: flex; 15 align-items: center; 16 justify-content: center; 17 gap: 1rem; 18 margin-bottom: 2.3rem; 19 color: #667085; 20 font-weight: 700; 21 } 22 23 .agents-format-strip > div { 24 display: flex; 25 flex-wrap: wrap; 26 justify-content: center; 27 gap: 0.5rem; 28 } 29 30 .agents-format-badge { 31 background: #eef8f3 !important; 32 color: #087443 !important; 33 border: 1px solid #c7ead8; 34 border-radius: 999px; 35 padding: 0.45rem 0.75rem; 36 } 37 38 .agents-hero-badge, 39 .agents-panel-badge { 40 background: #e8f7ef !important; 41 color: #087443 !important; 42 border: 1px solid #bbe6ce; 43 border-radius: 999px; 44 padding: 0.6rem 0.9rem; 45 font-weight: 800; 46 } 47 48 .agents-hero h1 { 49 color: #182230; 50 font-size: 4.65rem; 51 font-weight: 900; 52 line-height: 0.98; 53 letter-spacing: 0; 54 max-width: 950px; 55 } 56 57 .agents-hero-copy { 58 color: #667085; 59 font-size: 1.14rem; 60 line-height: 1.65; 61 max-width: 790px; 62 margin: 1.5rem 0 0; 63 } 64 65 .agents-hero-actions { 66 display: flex; 67 flex-wrap: wrap; 68 align-items: center; 69 gap: 1rem; 70 margin-top: 1.5rem; 71 } 72 73 .agents-primary-btn, 74 .agents-secondary-btn { 75 border-radius: 999px; 76 display: inline-flex; 77 align-items: center; 78 justify-content: center; 79 gap: 0.6rem; 80 min-height: 52px; 81 padding: 0.85rem 1.35rem; 82 font-weight: 800; 83 text-decoration: none; 84 } 85 86 .agents-primary-btn { 87 background: #1d976c; 88 border-color: #1d976c; 89 color: #ffffff; 90 box-shadow: 0 14px 30px rgba(29, 151, 108, 0.28); 91 } 92 93 .agents-primary-btn:hover { 94 background: #157f5a; 95 border-color: #157f5a; 96 color: #ffffff; 97 } 98 99 .agents-secondary-btn { 100 background: #ffffff; 101 border: 1px solid #d0d5dd; 102 color: #344054; 103 } 104 105 .agents-secondary-btn:hover { 106 background: #f2f4f7; 107 color: #182230; 108 } 109 110 .agents-secondary-btn.light { 111 background: rgba(255, 255, 255, 0.12); 112 border-color: rgba(255, 255, 255, 0.36); 113 color: #ffffff; 114 } 115 116 .agents-hero-points { 117 display: flex; 118 flex-wrap: wrap; 119 gap: 0.9rem; 120 margin-top: 1.5rem; 121 } 122 123 .agents-hero-points span { 124 display: inline-flex; 125 align-items: center; 126 gap: 0.45rem; 127 color: #475467; 128 font-weight: 700; 129 } 130 131 .agents-hero-points svg { 132 color: #1d976c; 133 } 134 135 .agents-terminal-panel { 136 background: #101828; 137 border-radius: 8px; 138 box-shadow: 0 30px 80px rgba(16, 24, 40, 0.28); 139 overflow: hidden; 140 } 141 142 .agents-terminal-header { 143 display: flex; 144 gap: 0.55rem; 145 padding: 1.1rem 1.25rem; 146 background: #0b1220; 147 } 148 149 .agents-terminal-header span { 150 width: 12px; 151 height: 12px; 152 border-radius: 999px; 153 background: #ef4444; 154 } 155 156 .agents-terminal-header span:nth-child(2) { 157 background: #f59e0b; 158 } 159 160 .agents-terminal-header span:nth-child(3) { 161 background: #22c55e; 162 } 163 164 .agents-terminal-body { 165 padding: 1.25rem; 166 } 167 168 .agents-terminal-label { 169 color: #98a2b3; 170 font-weight: 800; 171 margin-bottom: 0.75rem; 172 text-transform: uppercase; 173 font-size: 0.75rem; 174 } 175 176 .agents-terminal-body pre, 177 .agents-terminal-body code { 178 display: block; 179 white-space: pre-wrap; 180 word-break: break-word; 181 color: #d1fadf; 182 background: rgba(255, 255, 255, 0.06); 183 border: 1px solid rgba(255, 255, 255, 0.09); 184 border-radius: 8px; 185 padding: 0.85rem; 186 margin: 0; 187 } 188 189 .agents-terminal-divider { 190 height: 1px; 191 background: rgba(255, 255, 255, 0.11); 192 margin: 1rem 0; 193 } 194 195 .agents-section { 196 padding: 5rem 0; 197 } 198 199 .agents-integration-section { 200 padding-top: 3rem; 201 } 202 203 .agents-section-heading { 204 max-width: 780px; 205 margin: 0 auto 3rem; 206 } 207 208 .agents-section-heading h2, 209 .agents-setup-panel h2, 210 .agents-data-panel h2, 211 .agents-safety-section h2, 212 .agents-final-cta h2 { 213 color: #182230; 214 font-size: 3.4rem; 215 line-height: 1.04; 216 font-weight: 900; 217 letter-spacing: 0; 218 margin-bottom: 1rem; 219 } 220 221 .agents-section-heading p, 222 .agents-setup-panel p, 223 .agents-data-panel p, 224 .agents-safety-section p, 225 .agents-final-cta p { 226 color: #667085; 227 font-size: 1.1rem; 228 line-height: 1.7; 229 } 230 231 .agents-integration-card { 232 position: relative; 233 min-height: 510px; 234 display: flex; 235 flex-direction: column; 236 gap: 0.85rem; 237 height: 100%; 238 padding: 2.1rem; 239 background: #ffffff; 240 border: 1px solid #e4e7ec; 241 border-radius: 8px; 242 color: inherit; 243 text-decoration: none; 244 box-shadow: 0 18px 46px rgba(16, 24, 40, 0.06); 245 transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; 246 } 247 248 .agents-integration-card:hover { 249 color: inherit; 250 transform: translateY(-6px); 251 border-color: var(--agent-accent); 252 box-shadow: 0 24px 64px rgba(16, 24, 40, 0.12); 253 } 254 255 .agents-integration-card.is-recommended { 256 border: 3px solid #1d976c; 257 } 258 259 .agents-recommended-pill { 260 position: absolute; 261 top: 1rem; 262 right: 1rem; 263 background: #dcfce7; 264 color: #087443; 265 border-radius: 999px; 266 padding: 0.35rem 0.7rem; 267 font-size: 0.78rem; 268 font-weight: 800; 269 } 270 271 .agents-card-icon { 272 width: 64px; 273 height: 64px; 274 display: inline-flex; 275 align-items: center; 276 justify-content: center; 277 border-radius: 8px; 278 color: var(--agent-accent); 279 background: color-mix(in srgb, var(--agent-accent) 12%, #ffffff); 280 font-size: 1.6rem; 281 margin-bottom: 1.3rem; 282 } 283 284 .agents-integration-card h3 { 285 color: #182230; 286 font-size: 2rem; 287 font-weight: 900; 288 margin: 0; 289 } 290 291 .agents-card-eyebrow { 292 color: #98a2b3; 293 font-weight: 700; 294 margin: 0; 295 } 296 297 .agents-card-description { 298 color: #667085; 299 line-height: 1.65; 300 margin: 0; 301 } 302 303 .agents-card-command { 304 display: block; 305 color: #344054; 306 background: #f2f4f7; 307 border: 1px solid #d0d5dd; 308 border-radius: 8px; 309 padding: 0.75rem; 310 white-space: pre-wrap; 311 word-break: break-word; 312 } 313 314 .agents-card-tags, 315 .agents-ability-list, 316 .agents-output-tags { 317 display: flex; 318 flex-wrap: wrap; 319 gap: 0.55rem; 320 } 321 322 .agents-card-tags { 323 margin-top: auto; 324 } 325 326 .agents-card-tags span, 327 .agents-ability-list span, 328 .agents-output-tags span { 329 display: inline-flex; 330 align-items: center; 331 gap: 0.35rem; 332 background: #f2f4f7; 333 color: #344054; 334 border-radius: 999px; 335 padding: 0.45rem 0.7rem; 336 font-weight: 800; 337 font-size: 0.88rem; 338 } 339 340 .agents-card-action { 341 display: inline-flex; 342 align-items: center; 343 gap: 0.45rem; 344 color: var(--agent-accent); 345 font-weight: 900; 346 margin-top: 0.5rem; 347 } 348 349 .agents-setup-section, 350 .agents-data-section { 351 background: #ffffff; 352 } 353 354 .agents-setup-panel, 355 .agents-data-panel { 356 height: 100%; 357 border-radius: 8px; 358 padding: 2.2rem; 359 background: #ffffff; 360 border: 1px solid #e4e7ec; 361 box-shadow: 0 18px 46px rgba(16, 24, 40, 0.06); 362 } 363 364 .agents-setup-panel.dark { 365 background: #101828; 366 color: #ffffff; 367 } 368 369 .agents-setup-panel.dark h2, 370 .agents-setup-panel.dark p { 371 color: #ffffff; 372 } 373 374 .agents-setup-panel.dark p code { 375 background: rgba(255, 255, 255, 0.1); 376 border: 1px solid rgba(255, 255, 255, 0.18); 377 border-radius: 6px; 378 color: #d1fadf; 379 padding: 0.1rem 0.35rem; 380 } 381 382 .agents-copy-row { 383 display: flex; 384 align-items: stretch; 385 gap: 0.7rem; 386 margin-top: 1.5rem; 387
387 } 388 389 .agents-copy-row code { 390 flex: 1; 391 display: flex; 392 align-items: center; 393 min-width: 0; 394 background: #f2f4f7; 395 border: 1px solid #d0d5dd; 396 border-radius: 8px; 397 color: #344054; 398 padding: 0.9rem 1rem; 399 white-space: pre-wrap; 400 word-break: break-word; 401 } 402 403 .agents-setup-panel.dark .agents-copy-row code { 404 background: rgba(255, 255, 255, 0.08); 405 border-color: rgba(255, 255, 255, 0.16); 406 color: #d1fadf; 407 } 408 409 .agents-icon-button { 410 width: 52px; 411 border-radius: 8px; 412 background: #1d976c; 413 border-color: #1d976c; 414 color: #ffffff; 415 } 416 417 .agents-muted-note { 418 color: #667085 !important; 419 font-size: 0.95rem !important; 420 margin: 0.8rem 0 0; 421 } 422 423 .agents-token-actions { 424 display: flex; 425 flex-wrap: wrap; 426 gap: 0.75rem; 427 margin-top: 1.25rem; 428 } 429 430 .agents-token-create-btn, 431 .agents-token-guide-btn { 432 border-radius: 999px; 433 display: inline-flex; 434 align-items: center; 435 justify-content: center; 436 gap: 0.55rem; 437 min-height: 46px; 438 padding: 0.7rem 1rem; 439 font-weight: 900; 440 text-decoration: none; 441 } 442 443 .agents-token-create-btn { 444 background: #1d976c; 445 border-color: #1d976c; 446 color: #ffffff; 447 } 448 449 .agents-token-create-btn:hover { 450 background: #157f5a; 451 border-color: #157f5a; 452 color: #ffffff; 453 } 454 455 .agents-token-guide-btn { 456 background: rgba(255, 255, 255, 0.1); 457 border: 1px solid rgba(255, 255, 255, 0.26); 458 color: #ffffff; 459 } 460 461 .agents-token-guide-btn:hover { 462 background: rgba(255, 255, 255, 0.16); 463 color: #ffffff; 464 } 465 466 .agents-ability-list { 467 margin-top: 1.4rem; 468 } 469 470 .agents-ability-list span { 471 background: rgba(255, 255, 255, 0.09); 472 color: #d1fadf; 473 } 474 475 .agents-chat-section { 476 background: #f3f7f6; 477 } 478 479 .agents-chat-card, 480 .agents-capability { 481 height: 100%; 482 background: #ffffff; 483 border: 1px solid #e4e7ec; 484 border-radius: 8px; 485 padding: 1.5rem; 486 box-shadow: 0 18px 46px rgba(16, 24, 40, 0.05); 487 } 488 489 .agents-chat-title { 490 display: flex; 491 align-items: center; 492 gap: 0.75rem; 493 color: #182230; 494 font-weight: 900; 495 margin-bottom: 1.3rem; 496 } 497 498 .agents-chat-title svg { 499 color: #1d976c; 500 font-size: 1.2rem; 501 } 502 503 .agents-message { 504 border-radius: 8px; 505 padding: 1rem; 506 margin-bottom: 1rem; 507 } 508 509 .agents-message p { 510 color: #344054; 511 line-height: 1.55; 512 margin: 0 0 0.7rem; 513 } 514 515 .agents-message span { 516 color: #667085; 517 font-weight: 900; 518 font-size: 0.75rem; 519 text-transform: uppercase; 520 } 521 522 .agents-message.user { 523 background: #eff8ff; 524 margin-right: 1.5rem; 525 } 526 527 .agents-message.assistant { 528 background: #ecfdf3; 529 margin-left: 1.5rem; 530 } 531 532 .agents-capability svg { 533 color: #1d976c; 534 font-size: 1.8rem; 535 margin-bottom: 1rem; 536 } 537 538 .agents-capability h3, 539 .agents-faq-list h3 { 540 color: #182230; 541 font-size: 1.22rem; 542 font-weight: 900; 543 margin-bottom: 0.7rem; 544 } 545 546 .agents-capability p, 547 .agents-faq-list p { 548 color: #667085; 549 line-height: 1.65; 550 margin: 0; 551 } 552 553 .agents-data-list { 554 display: grid; 555 gap: 1rem; 556 } 557 558 .agents-data-list div { 559 display: grid; 560 gap: 0.3rem; 561 padding: 1rem; 562 border: 1px solid #e4e7ec; 563 border-radius: 8px; 564 background: #f9fafb; 565 } 566 567 .agents-data-list strong { 568 color: #182230; 569 } 570 571 .agents-data-list span { 572 color: #667085; 573 line-height: 1.55; 574 } 575 576 .agents-output-tags { 577 margin-bottom: 1.4rem; 578 } 579 580 .agents-safety-section { 581 background: #101828; 582 } 583 584 .agents-safety-section h2, 585 .agents-final-cta h2 { 586 color: #ffffff; 587 } 588 589 .agents-safety-section p, 590 .agents-final-cta p { 591 color: #d0d5dd; 592 } 593
594 .agents-safety-grid { 595 display: grid; 596 grid-template-columns: repeat(2, minmax(0, 1fr)); 597 gap: 1rem; 598 } 599 600 .agents-safety-grid div, 601 .agents-use-case-list div { 602 display: flex; 603 gap: 0.8rem; 604 align-items: flex-start; 605 padding: 1rem; 606 border-radius: 8px; 607 background: rgba(255, 255, 255, 0.08); 608 color: #ffffff; 609 line-height: 1.55; 610 font-weight: 700; 611 } 612 613 .agents-safety-grid svg, 614 .agents-use-case-list svg { 615 color: #32d583; 616 flex: 0 0 auto; 617 margin-top: 0.25rem; 618 } 619 620 .sticky-heading { 621 position: sticky; 622 top: 2rem; 623 margin: 0; 624 } 625 626 .agents-use-case-list { 627 display: grid; 628 gap: 1rem; 629 } 630 631 .agents-use-case-list div { 632 background: #ffffff; 633 border: 1px solid #e4e7ec; 634 color: #344054; 635 box-shadow: 0 12px 28px rgba(16, 24, 40, 0.04); 636 } 637 638 .agents-faq-list { 639 display: grid; 640 grid-template-columns: repeat(2, minmax(0, 1fr)); 641 gap: 1rem; 642 max-width: 980px; 643 margin: 0 auto; 644 } 645 646 .agents-faq-list div { 647 background: #ffffff; 648 border: 1px solid #e4e7ec; 649 border-radius: 8px; 650 padding: 1.4rem; 651 box-shadow: 0 12px 28px rgba(16, 24, 40, 0.04); 652 } 653 654 .agents-final-cta { 655 background: linear-gradient(135deg, #101828 0%, #0f2d2d 52%, #13213c 100%); 656 padding: 5rem 0; 657 text-align: center; 658 } 659 660 .agents-final-cta > .container > div { 661 max-width: 840px; 662 margin: 0 auto; 663 } 664 665 @media (max-width: 991px) { 666 .agents-hero h1 { 667 font-size: 3.8rem; 668 } 669 670 .agents-section-heading h2, 671 .agents-setup-panel h2, 672 .agents-data-panel h2, 673 .agents-safety-section h2, 674 .agents-final-cta h2 { 675 font-size: 2.8rem; 676 } 677 678 .agents-integration-card { 679 min-height: 430px; 680 } 681 682 .agents-safety-grid, 683 .agents-faq-list { 684 grid-template-columns: 1fr; 685 } 686 687 .sticky-heading { 688 position: static; 689 } 690 } 691 692 @media (max-width: 575px) { 693 .agents-hero h1 { 694 font-size: 2.65rem; 695 } 696 697 .agents-hero-copy { 698 font-size: 1.05rem; 699 line-height: 1.58; 700 } 701 702 .agents-section-heading h2, 703 .agents-setup-panel h2, 704 .agents-data-panel h2, 705 .agents-safety-section h2, 706 .agents-final-cta h2 { 707 font-size: 2.25rem; 708 } 709 710 .agents-hero, 711 .agents-section, 712 .agents-final-cta { 713 padding: 2.25rem 0; 714 } 715 716 .agents-hero { 717 padding-bottom: 0.75rem; 718 } 719 720 .agents-integration-section { 721 padding-top: 1rem; 722 } 723 724 .agents-format-strip { 725 align-items: flex-start; 726 flex-direction: column; 727 margin-bottom: 1.6rem; 728 gap: 0.75rem; 729 } 730 731 .agents-terminal-panel { 732 display: none; 733 } 734 735 .agents-hero-points { 736 display: none; 737 } 738 739 .agents-copy-row, 740 .agents-hero-actions, 741 .agents-token-actions { 742 flex-direction: column; 743 align-items: stretch; 744 } 745 746 .agents-icon-button { 747 width: 100%; 748 min-height: 48px; 749 } 750 751 .agents-setup-panel, 752 .agents-data-panel, 753 .agents-integration-card { 754 padding: 1.4rem; 755 } 756 757 .agents-message.user, 758 .agents-message.assistant { 759 margin-left: 0; 760 margin-right: 0; 761 } 762 } 763 `})]})}
763export{je as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.