[{"data":1,"prerenderedAt":368},["ShallowReactive",2],{"navigation_docs":3,"-dashboard":49,"-dashboard-surround":363},[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":337,"extension":357,"links":358,"meta":359,"navigation":360,"path":18,"seo":361,"stem":19,"__hash__":362},"docs\u002F4.dashboard.md",{"type":52,"value":53,"toc":336},"minimark",[54,59,68,72,78,83,90,94,101,129,134,137,154,157,161,164,168,184,188,191,193,197,200,204,215,251,255,265,267,271,277,294,296,300,307,309,313,316],[55,56,58],"h2",{"id":57},"title-dashboarddescription-manage-projects-assets-pipelines-and-team-members-in-the-pichaflow-dashboard","title: Dashboard\ndescription: Manage projects, assets, pipelines, and team members in the PichaFlow Dashboard.",[60,61,62,63,67],"p",{},"The PichaFlow Dashboard is your central command center for managing ",[64,65,66],"strong",{},"Projects",", assets, API keys, and edge-native image processing pipelines.",[55,69,71],{"id":70},"projects-teams","Projects & Teams",[60,73,74,75,77],{},"PichaFlow organizes resources into ",[64,76,66],{},". A Project is an isolated container with its own database, storage bucket, and unique namespace.",[79,80,82],"h3",{"id":81},"managing-projects","Managing Projects",[60,84,85,86,89],{},"You can switch between projects using the ",[64,87,88],{},"Project Switcher"," in the top navigation. Each project has its own billing plan and usage quota.",[79,91,93],{"id":92},"team-collaboration","Team Collaboration",[60,95,96,97,100],{},"Invite teammates to your project via the ",[64,98,99],{},"Team"," tab.",[102,103,104,111,117,123],"ul",{},[105,106,107,110],"li",{},[64,108,109],{},"Owner",": Full control and billing responsibility.",[105,112,113,116],{},[64,114,115],{},"Admin",": Can manage assets, pipelines, and keys.",[105,118,119,122],{},[64,120,121],{},"Member",": Can upload and manage assets.",[105,124,125,128],{},[64,126,127],{},"Viewer",": Read-only access to analytics and media.",[130,131,133],"h4",{"id":132},"sending-invitations","Sending Invitations",[60,135,136],{},"When you invite a new member, they will receive an email with a secure link.",[138,139,140],"blockquote",{},[60,141,142,146,149,150,153],{},[143,144,145],"span",{},"!IMPORTANT",[64,147,148],{},"Invitations are time-limited",". For security purposes, all invitations expire ",[64,151,152],{},"48 hours"," after being sent. If a link expires, you will need to revoke the old invitation and send a new one.",[155,156],"hr",{},[55,158,160],{"id":159},"media-management","Media Management",[60,162,163],{},"The Media tab allows you to upload, organize, and inspect your assets for the active project.",[79,165,167],{"id":166},"uploading-assets","Uploading Assets",[60,169,170,171,175,176,179,180,183],{},"You can upload images directly via the web interface or using our ",[172,173,174],"a",{"href":14},"SDK"," and ",[172,177,178],{"href":22},"API",". Every uploaded asset is stored in ",[64,181,182],{},"Cloudflare R2"," within your project's isolated storage bucket.",[79,185,187],{"id":186},"ai-alt-text","AI Alt-Text",[60,189,190],{},"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.",[155,192],{},[55,194,196],{"id":195},"wasm-pipelines-architect","WASM Pipelines (Architect)",[60,198,199],{},"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.",[79,201,203],{"id":202},"creating-a-pipeline","Creating a Pipeline",[60,205,206,207,210,211,214],{},"Navigate to the ",[64,208,209],{},"Pipelines"," tab and click ",[64,212,213],{},"\"Build New Pipeline\"",".",[216,217,218,239,245],"ol",{},[105,219,220,223,224,228,229,228,232,235,236,214],{},[64,221,222],{},"Define Steps",": Add transformations like ",[225,226,227],"code",{},"resize",", ",[225,230,231],{},"grayscale",[225,233,234],{},"blur",", or ",[225,237,238],{},"brightness",[105,240,241,244],{},[64,242,243],{},"Stacking",": Operations are executed in the order you define them.",[105,246,247,250],{},[64,248,249],{},"Presets",": Once saved, your pipeline is deployed to the global edge network as a \"preset\" for your specific project.",[79,252,254],{"id":253},"using-a-preset","Using a Preset",[60,256,257,258,261,262],{},"To apply a pipeline to an image, append the ",[225,259,260],{},"preset"," parameter to its delivery URL:\n",[225,263,264],{},"https:\u002F\u002Fcdn.pichaflow.com\u002Fasset-id.jpg?preset=hero-banner",[155,266],{},[55,268,270],{"id":269},"api-keys-security","API Keys & Security",[60,272,273,274,100],{},"Manage your project access tokens in the ",[64,275,276],{},"API Keys",[102,278,279,285],{},[105,280,281,284],{},[64,282,283],{},"Public Keys",": Used for client-side uploads (restricted by domain).",[105,286,287,290,291],{},[64,288,289],{},"Secret Keys",": Used for server-side management and deletions. ",[64,292,293],{},"Never expose these in client-side code.",[155,295],{},[55,297,299],{"id":298},"custom-domains","Custom Domains",[60,301,302,303,306],{},"Whitelabel your project's delivery network by connecting your own domain (e.g., ",[225,304,305],{},"images.yourbrand.com","). PichaFlow handles SSL certificate generation and global routing automatically.",[155,308],{},[55,310,312],{"id":311},"usage-billing","Usage & Billing",[60,314,315],{},"Track your bandwidth consumption, transformation counts, and storage usage for each project in real-time.",[102,317,318,324,330],{},[105,319,320,323],{},[64,321,322],{},"Bandwidth",": Total data delivered via the PichaFlow CDN for this project.",[105,325,326,329],{},[64,327,328],{},"Transformations",": Number of unique image processing requests.",[105,331,332,335],{},[64,333,334],{},"Plan Limits",": Usage is measured against your project's specific tier (Hobby, Pro, or Scale).",{"title":337,"searchDepth":338,"depth":338,"links":339},"",2,[340,341,346,350,354,355,356],{"id":57,"depth":338,"text":58},{"id":70,"depth":338,"text":71,"children":342},[343,345],{"id":81,"depth":344,"text":82},3,{"id":92,"depth":344,"text":93},{"id":159,"depth":338,"text":160,"children":347},[348,349],{"id":166,"depth":344,"text":167},{"id":186,"depth":344,"text":187},{"id":195,"depth":338,"text":196,"children":351},[352,353],{"id":202,"depth":344,"text":203},{"id":253,"depth":344,"text":254},{"id":269,"depth":338,"text":270},{"id":298,"depth":338,"text":299},{"id":311,"depth":338,"text":312},"md",null,{},true,{"description":337},"-vf6oXZjjBZxmXUg0MbDbF0Z1hIlDFlQTotuRvKUd9k",[364,366],{"title":13,"path":14,"stem":15,"description":365,"children":-1},"Programmatic interaction with the PichaFlow API via our SDK.",{"title":21,"path":22,"stem":23,"description":367,"children":-1},"REST API reference for custom PichaFlow integrations.",1778728372832]