[{"data":1,"prerenderedAt":455},["ShallowReactive",2],{"navigation_docs":3,"-dashboard":49,"-dashboard-surround":450},[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":422,"extension":444,"links":445,"meta":446,"navigation":447,"path":18,"seo":448,"stem":19,"__hash__":449},"docs\u002F4.dashboard.md",{"type":52,"value":53,"toc":421},"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,336,340,347,410],[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).",[79,337,339],{"id":338},"overage-strategies","Overage Strategies",[60,341,342,343,346],{},"PichaFlow offers flexible management for when your project exceeds its monthly transformation quota. You can configure these settings in the ",[64,344,345],{},"Billing"," section of your Project Settings.",[348,349,350,367],"table",{},[351,352,353],"thead",{},[354,355,356,361,364],"tr",{},[357,358,360],"th",{"align":359},"left","Strategy",[357,362,363],{"align":359},"Behavior",[357,365,366],{"align":359},"Best For",[368,369,370,384,397],"tbody",{},[354,371,372,378,381],{},[373,374,375],"td",{"align":359},[64,376,377],{},"Soft Cap",[373,379,380],{"align":359},"Service stops once you hit your limit + a tiered grace buffer (10-20%).",[373,382,383],{"align":359},"Fixed budgets.",[354,385,386,391,394],{},[373,387,388],{"align":359},[64,389,390],{},"Metered Top-up",[373,392,393],{"align":359},"Seamlessly keep scaling for $1.00 per 1,000 additional transforms.",[373,395,396],{"align":359},"High-growth apps.",[354,398,399,404,407],{},[373,400,401],{"align":359},[64,402,403],{},"Auto-Scale",[373,405,406],{"align":359},"Automatically upgrade to the next tier for the best unit economics.",[373,408,409],{"align":359},"Professional workflows.",[138,411,412],{},[60,413,414,417,420],{},[143,415,416],{},"!TIP",[64,418,419],{},"Grace Capacity",": Every project includes a built-in safety buffer above its hard limit: 10% for Hobby, 15% for Pro, and 20% for Scale accounts. This ensures unexpected spikes don't immediately disrupt your service.",{"title":422,"searchDepth":423,"depth":423,"links":424},"",2,[425,426,431,435,439,440,441],{"id":57,"depth":423,"text":58},{"id":70,"depth":423,"text":71,"children":427},[428,430],{"id":81,"depth":429,"text":82},3,{"id":92,"depth":429,"text":93},{"id":159,"depth":423,"text":160,"children":432},[433,434],{"id":166,"depth":429,"text":167},{"id":186,"depth":429,"text":187},{"id":195,"depth":423,"text":196,"children":436},[437,438],{"id":202,"depth":429,"text":203},{"id":253,"depth":429,"text":254},{"id":269,"depth":423,"text":270},{"id":298,"depth":423,"text":299},{"id":311,"depth":423,"text":312,"children":442},[443],{"id":338,"depth":429,"text":339},"md",null,{},true,{"description":422},"KjPnpTiTCfRKDOHC6PqG0SHJhViXIgHx4qBilk_ZElI",[451,453],{"title":13,"path":14,"stem":15,"description":452,"children":-1},"Programmatic interaction with the PichaFlow API via our SDK.",{"title":21,"path":22,"stem":23,"description":454,"children":-1},"REST API reference for custom PichaFlow integrations.",1779934775330]