fix(web): build absolute cover_image URL on same-origin deployments (error toast on successful cover save)

[Liewzheng]

Description

Fixes #9283: saving a profile (or project) cover image shows an error toast even though the cover was actually saved.

Root cause: on same-origin self-hosted deployments API_BASE_URL is empty, so getFileURL() returns the asset path as a relative URL (/api/assets/v2/static/<id>/). The follow-up PATCH /api/users/me/ then fails validation (cover_image is a Django URLField → 400 "Enter a valid URL."), which surfaces as the error toast — while the cover was already linked server-side via cover_image_asset_id, so the image appears saved after a reload.

Fix: new toAbsoluteCoverURL() in cover-image.helper.ts builds an absolute URL from API_BASE_URL || window.location.origin when given a relative path; both cover_image assignments in handleCoverImageChange use it. Project covers share this helper and are fixed too.

Type of Change

• Bug fix (non-breaking change which fixes an issue)

Test Scenarios

• Reproduced against a live self-hosted CE 1.4.2 API: PATCH /api/users/me/ with relative cover_image → 400; with the absolute URL produced by the fix → 200.
• check:types / check:lint for web pass.

References

• Closes [bug]: Profile update returns "Enter a valid URL" error for cover_image when using self-hosted MinIO, even though the update succeeds #9283

[coldtea-pr-lens]

◈ PR Lens

🟢 +0 new · 🟠 ~1 changed · 🔴 -0 removed · 1 flow · 1 file · commit 0bd35cb

Architecture

1 component touched across 2 lanes.

Open the interactive canvas

Data flow

Updating cover image with absolute URL

Open the interactive canvas

Drill down

Client Applications — 1 component

🟡 CHANGED Plane Web App

Web frontend that handles user interactions and prepares cover image payloads for projects and workspaces.

• apps/web/helpers/cover-image.helper.ts:7-297

View

• Architecture lens
• Data flow lens
• Expand every detail
• Show unchanged neighbours

Tip

PR Lens is free for open source. A star on the repository is what keeps it going.

🪧 More tips

• Run PR Lens on your own machine: npx skills add coldteadotai/pr-lens installs the agent skill. Then tell your coding agent: "Diagram the change you just made with PR Lens and attach it to the pull request."
• Draw a diff before it is even a pull request: npx @coldtea/pr-lens-cli analyze --base origin/main reads the diff with your own model key, and npx @coldtea/pr-lens-cli render .pr-lens/graph.json draws the same lenses on your machine.
• The boxes under View are live. Tick Architecture lens or Data flow lens to choose which diagrams appear, or Expand every detail to open every drill-down at once. The comment redraws in place a few seconds later.
• Show unchanged neighbours lists the components this change did not touch alongside the ones it did, so the drill-down shows what the changed code sits next to.
• GitHub will not let you zoom an image in a comment. The link under each diagram opens it on an interactive canvas, where you can zoom, pan and step through the flow.
• The CLI's render picks up .github/pr-lens.yml automatically and applies your corrections (renames, exclusions, lane pins) at draw time.
• Would you rather run it from CI on a key of your own? Add .github/workflows/pr-lens.yml with coldteadotai/pr-lens/packages/action@v0 and a model key in your repository secrets, say GEMINI_API_KEY. The Action asks Gemini by default, or OpenAI and any endpoint speaking /chat/completions through its provider input.
• Push a new commit and the whole comment re-renders for the new head. An older run never overwrites a newer one, so a slow render cannot put a stale diagram back.
• The diagrams follow your GitHub theme, so dark mode gets the dark render and light mode the light one, and the moving dots show this pull request's data in motion.

---

◈ Rendered by PR Lens · crafted with ❤️ by the Coldtea team · Come say hi on Discord

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 5461d4ee-e2d6-455e-bc56-c08f7433ce4e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}