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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user