Skip to content

feat(cc-env-var-linked-services): link each service to its dashboard - #1803

Open
KannarFr wants to merge 2 commits into
masterfrom
feat/env-var-linked-services-dashboard-link
Open

KannarFr wants to merge 2 commits into
masterfrom
feat/env-var-linked-services-dashboard-link

Conversation

@KannarFr

@KannarFr KannarFr commented Aug 21, 2026

Copy link
Copy Markdown
Member

What

<cc-env-var-linked-services> lists the variables exposed by each add-on (or app) linked to an application, but offers no way to reach the linked service itself. This adds an optional link to each service dashboard, displayed next to the description of its readonly form.

  • LinkedService gains an optional dashboardUrl. No URL, no link — the rendering is unchanged for consumers that do not set it.
  • The link is a <cc-link mode="button">, so it stays a real link (middle-click, open in a new tab). Its a11y-desc carries the service name, since a page lists several of them.
  • The smart component for linked add-ons gains an optional dashboardUrlByAddonId param (add-on id → URL) to feed those URLs. It cannot build them itself: /applications/{appId}/addons/env only exposes ids, and turning a provider id into the path segment a dashboard route expects is host-app knowledge (in the Clever Cloud console, es-addonelasticsearch).

The linked-apps smart component is left untouched; the component itself is generic, so wiring it later is a two-line change.

Layout

On wide viewports the link sits at the end of the description row, under the SIMPLE / EXPERT / JSON toggle; below ~20em of description width it wraps under the description. See the loadedWithLinkedAddons and defaultStory stories.

Checks

format:check, lint, stylelint, components:check-i18n, components:check-lit, typecheck and test:group a11y:cc-env-var-linked-services all pass.

🤖 Generated with Claude Code

`LinkedService` gains an optional `dashboardUrl`. When it is set, the readonly
form of that service displays a link to the service dashboard, next to the
description.

The smart component for linked add-ons gains an optional `dashboardUrlByAddonId`
param to feed those URLs: the linked add-ons endpoint only exposes ids, and the
dashboard URL structure is owned by the host app, so it cannot be built here.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

🔎 A preview has been automatically published : https://clever-components-preview.cellar-c2.services.clever-cloud.com/feat/env-var-linked-services-dashboard-link/index.html.

This preview will be deleted once this PR is closed.

The description slot of cc-env-var-form is styled with `font-style: italic`,
which inherits through the flattened tree into the slotted content. cc-link
resets `color` in button mode but never `font-style`, so the "Go to the
dashboard" button rendered italic, unlike every other button-mode link.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant