Move the remaining panel explanations into tooltips

A node setting's description comes off the backend JSON schema, so every
node type's panel still printed a paragraph under each field. It moves to
the field label, which is the change that makes the node panel read as a
list rather than a page.

Alerts, Modules and Remote access follow the same shape. A page keeps a
one-line description under its h1 — a page is arrived at rather than
scanned — and the rest goes behind the heading's tooltip.

Verified on the running stack: the tooltip opens on tap in the phone sheet
and on hover on the desktop panel.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015YrQnKV3bnQd4K342y8tKj
This commit is contained in:
2026-08-31 10:38:16 +02:00
co-authored by Claude Opus 5
parent 954d90fbf7
commit 2422a9b22b
4 changed files with 66 additions and 39 deletions
@@ -2,6 +2,7 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
import { useState } from "react"
import { CloudService } from "@/client"
import { InfoTip } from "@/components/Flow/SidePanel"
import { Button } from "@/components/ui/button"
import {
Card,
@@ -154,15 +155,25 @@ export function RemoteAccess() {
<div className="flex flex-col gap-4">
<div>
<h3 className="font-medium">Remote users</h3>
<div className="flex items-center gap-1">
<h3 className="font-medium">Remote users</h3>
<InfoTip label="Remote users">
They get a user of their own here, not yours, and never a
superuser, so they cannot pass access on.
</InfoTip>
</div>
<p className="text-sm text-muted-foreground">
Let someone else reach this instance through the portal. They
get a user of their own here — not yours, and never a
superuser, so they cannot pass access on.
Let someone else reach this instance through the portal.
</p>
</div>
<div className="grid gap-2">
<Label htmlFor="join-code">Code</Label>
<div className="flex items-center gap-1">
<Label htmlFor="join-code">Code</Label>
<InfoTip label="Code">
Added users appear under Admin → Users; deleting them there
ends their access.
</InfoTip>
</div>
<Input
id="join-code"
value={joinCode}
@@ -174,8 +185,6 @@ export function RemoteAccess() {
/>
<p className="text-xs text-muted-foreground">
They get a code at fluksio.com → Instances → Join an instance.
Added users appear under Admin → Users; deleting them there
ends their access.
</p>
</div>
<div>