[{"data":1,"prerenderedAt":272},["ShallowReactive",2],{"navigation_docs":3,"-dashboard":49,"-dashboard-surround":267},[4,8,12,16,20,24,28],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","1.introduction",{"title":9,"path":10,"stem":11},"Installation","\u002Finstallation","2.installation",{"title":13,"path":14,"stem":15},"SDKs","\u002Fsdk","3.sdk",{"title":17,"path":18,"stem":19},"Dashboard","\u002Fdashboard","4.dashboard",{"title":21,"path":22,"stem":23},"HTTP API","\u002Fhttp-api","5.http-api",{"title":25,"path":26,"stem":27},"Image Transformations","\u002Ftransformations","6.transformations",{"title":29,"path":30,"stem":31,"children":32},"Framework Components","\u002Fframeworks","frameworks",[33,37,41,45],{"title":34,"path":35,"stem":36},"Qwik","\u002Fframeworks\u002Fqwik","frameworks\u002Fqwik",{"title":38,"path":39,"stem":40},"React","\u002Fframeworks\u002Freact","frameworks\u002Freact",{"title":42,"path":43,"stem":44},"Svelte","\u002Fframeworks\u002Fsvelte","frameworks\u002Fsvelte",{"title":46,"path":47,"stem":48},"Vue","\u002Fframeworks\u002Fvue","frameworks\u002Fvue",{"id":50,"title":17,"body":51,"description":260,"extension":261,"links":262,"meta":263,"navigation":264,"path":18,"seo":265,"stem":19,"__hash__":266},"docs\u002F4.dashboard.md",{"type":52,"value":53,"toc":244},"minimark",[54,58,63,66,71,88,92,95,98,102,105,109,120,157,161,171,173,177,184,202,204,208,215,217,221,224],[55,56,57],"p",{},"The PichaFlow Dashboard is your central command center for managing assets, API keys, and edge-native image processing pipelines.",[59,60,62],"h2",{"id":61},"media-management","Media Management",[55,64,65],{},"The Media tab allows you to upload, organize, and inspect your assets.",[67,68,70],"h3",{"id":69},"uploading-assets","Uploading Assets",[55,72,73,74,78,79,82,83,87],{},"You can upload images directly via the web interface or using our ",[75,76,77],"a",{"href":14},"SDK"," and ",[75,80,81],{"href":22},"API",". Every uploaded asset is stored in ",[84,85,86],"strong",{},"Cloudflare R2"," with zero egress fees for delivery.",[67,89,91],{"id":90},"ai-alt-text","AI Alt-Text",[55,93,94],{},"When an image is uploaded, PichaFlow automatically generates descriptive alt-text for SEO and accessibility. You can manually override these descriptions in the asset details view.",[96,97],"hr",{},[59,99,101],{"id":100},"wasm-pipelines-architect","WASM Pipelines (Architect)",[55,103,104],{},"Pipelines are the core of PichaFlow's performance advantage. They allow you to define a sequence of image transformations that run at the Edge using WebAssembly.",[67,106,108],{"id":107},"creating-a-pipeline","Creating a Pipeline",[55,110,111,112,115,116,119],{},"Navigate to the ",[84,113,114],{},"Pipelines"," tab and click ",[84,117,118],{},"\"Build New Pipeline\"",".",[121,122,123,145,151],"ol",{},[124,125,126,129,130,134,135,134,138,141,142,119],"li",{},[84,127,128],{},"Define Steps",": Add transformations like ",[131,132,133],"code",{},"resize",", ",[131,136,137],{},"grayscale",[131,139,140],{},"blur",", or ",[131,143,144],{},"brightness",[124,146,147,150],{},[84,148,149],{},"Stacking",": Operations are executed in the order you define them.",[124,152,153,156],{},[84,154,155],{},"Presets",": Once saved, your pipeline is deployed to the global edge network as a \"preset\".",[67,158,160],{"id":159},"using-a-preset","Using a Preset",[55,162,163,164,167,168],{},"To apply a pipeline to an image, simply append the ",[131,165,166],{},"preset"," parameter to its delivery URL:\n",[131,169,170],{},"https:\u002F\u002Fcdn.pichaflow.com\u002Fasset-id.jpg?preset=hero-banner",[96,172],{},[59,174,176],{"id":175},"api-keys-security","API Keys & Security",[55,178,179,180,183],{},"Manage your access tokens in the ",[84,181,182],{},"API Keys"," tab.",[185,186,187,193],"ul",{},[124,188,189,192],{},[84,190,191],{},"Public Keys",": Used for client-side uploads (restricted by domain).",[124,194,195,198,199],{},[84,196,197],{},"Secret Keys",": Used for server-side management and deletions. ",[84,200,201],{},"Never expose these in client-side code.",[96,203],{},[59,205,207],{"id":206},"custom-domains","Custom Domains",[55,209,210,211,214],{},"Whitelabel your delivery network by connecting your own domain (e.g., ",[131,212,213],{},"images.yourbrand.com","). PichaFlow handles SSL certificate generation and global routing automatically.",[96,216],{},[59,218,220],{"id":219},"usage-billing","Usage & Billing",[55,222,223],{},"Track your bandwidth consumption, transformation counts, and storage usage in real-time.",[185,225,226,232,238],{},[124,227,228,231],{},[84,229,230],{},"Bandwidth",": Total data delivered via the PichaFlow CDN.",[124,233,234,237],{},[84,235,236],{},"Transformations",": Number of unique image processing requests.",[124,239,240,243],{},[84,241,242],{},"Strikes",": Account status and moderation warnings are visible in your profile settings if content violations occur.",{"title":245,"searchDepth":246,"depth":246,"links":247},"",2,[248,253,257,258,259],{"id":61,"depth":246,"text":62,"children":249},[250,252],{"id":69,"depth":251,"text":70},3,{"id":90,"depth":251,"text":91},{"id":100,"depth":246,"text":101,"children":254},[255,256],{"id":107,"depth":251,"text":108},{"id":159,"depth":251,"text":160},{"id":175,"depth":246,"text":176},{"id":206,"depth":246,"text":207},{"id":219,"depth":246,"text":220},"Manage assets, pipelines, and account settings in the PichaFlow Dashboard.","md",null,{},true,{"title":17,"description":260},"KO6DTlAz83i55siulBiIElT2fmou38TSmmI_olQ8G14",[268,270],{"title":13,"path":14,"stem":15,"description":269,"children":-1},"Programmatic interaction with the PichaFlow API via our SDK.",{"title":21,"path":22,"stem":23,"description":271,"children":-1},"REST API reference for custom PichaFlow integrations.",1778709549188]