feat(FN-3108): deliver docker node onboarding and node workflow updates

- Add managed Docker node API client/routes, onboarding hook, and NodesView integration with new onboarding modal UX
- Refine Add Node, mobile nav, agent/node detail, and onboarding-related component styling/interaction flows
- Expand dashboard/core/cli test coverage for onboarding flows, node routes, insights persistence, and mobile regressions
- Add CLI/plugin packaging updates including bundled dependency-graph install and plugin schema initialization support

Fusion-Task-Id: FN-3108
This commit is contained in:
Fusion
2026-05-02 22:33:45 -07:00
committed by gsxdsm
parent 3fbe3eeb85
commit 2522b19915
15 changed files with 1536 additions and 190 deletions

View File

@@ -65,17 +65,6 @@ export function AddNodeModal({ isOpen, onClose, onSubmit, addToast }: AddNodeMod
const [apiKey, setApiKey] = useState("");
const [maxConcurrent, setMaxConcurrent] = useState(2);
const [apiKeyMode, setApiKeyMode] = useState<"auto-generate" | "provide">("auto-generate");
const [includeClaudeCli, setIncludeClaudeCli] = useState(false);
const [includeDroidCli, setIncludeDroidCli] = useState(false);
const [persistentStorage, setPersistentStorage] = useState(true);
const [resourceCpus, setResourceCpus] = useState(2);
const [resourceMemoryMb, setResourceMemoryMb] = useState(4096);
const [showAdvanced, setShowAdvanced] = useState(false);
const [dockerHost, setDockerHost] = useState("");
const [dockerContext, setDockerContext] = useState("");
const [tlsVerify, setTlsVerify] = useState(false);
const [advancedEnv, setAdvancedEnv] = useState("");
const [advancedMounts, setAdvancedMounts] = useState("");
const [errors, setErrors] = useState<FormErrors>({});
const [isSubmitting, setIsSubmitting] = useState(false);
@@ -86,17 +75,6 @@ export function AddNodeModal({ isOpen, onClose, onSubmit, addToast }: AddNodeMod
setApiKey("");
setMaxConcurrent(2);
setApiKeyMode("auto-generate");
setIncludeClaudeCli(false);
setIncludeDroidCli(false);
setPersistentStorage(true);
setResourceCpus(2);
setResourceMemoryMb(4096);
setShowAdvanced(false);
setDockerHost("");
setDockerContext("");
setTlsVerify(false);
setAdvancedEnv("");
setAdvancedMounts("");
setErrors({});
setIsSubmitting(false);
}, []);
@@ -126,53 +104,14 @@ export function AddNodeModal({ isOpen, onClose, onSubmit, addToast }: AddNodeMod
};
}, [closeModal, isOpen, resetForm]);
const input = useMemo<AddNodeInput>(() => {
const parsedEnvOverrides = Object.fromEntries(
advancedEnv
.split("\n")
.map((line) => line.trim())
.filter(Boolean)
.map((line) => {
const index = line.indexOf("=");
if (index <= 0) return [line, ""];
return [line.slice(0, index).trim(), line.slice(index + 1).trim()];
})
);
const parsedMounts = advancedMounts
.split("\n")
.map((line) => line.trim())
.filter(Boolean)
.map((line) => {
const [hostPath = "", containerPath = "", mode = "rw"] = line.split(":");
return { hostPath, containerPath, mode: mode === "ro" ? "ro" : "rw" as "ro" | "rw" };
})
.filter((mount) => mount.hostPath && mount.containerPath);
return {
name: name.trim(),
type,
url: type === "remote" ? url.trim() || undefined : undefined,
apiKey: type === "remote" && apiKeyMode === "provide" ? apiKey || undefined : undefined,
maxConcurrent,
apiKeyMode,
extraClis: [includeClaudeCli ? "claude-cli" : null, includeDroidCli ? "droid-cli" : null].filter(Boolean) as Array<"claude-cli" | "droid-cli">,
persistentStorage,
resourceSizing: {
cpus: Number.isFinite(resourceCpus) ? resourceCpus : undefined,
memoryMB: Number.isFinite(resourceMemoryMb) ? resourceMemoryMb : undefined,
},
dockerAdvanced: showAdvanced
? {
host: dockerHost.trim() || undefined,
context: dockerContext.trim() || undefined,
tlsVerify,
envOverrides: parsedEnvOverrides,
volumeMounts: parsedMounts,
}
: undefined,
};
}, [advancedEnv, advancedMounts, apiKey, apiKeyMode, dockerContext, dockerHost, includeClaudeCli, includeDroidCli, maxConcurrent, name, persistentStorage, resourceCpus, resourceMemoryMb, showAdvanced, tlsVerify, type, url]);
const input = useMemo<AddNodeInput>(() => ({
name: name.trim(),
type,
url: type === "remote" ? url.trim() || undefined : undefined,
apiKey: type === "remote" && apiKeyMode === "provide" ? apiKey || undefined : undefined,
maxConcurrent,
apiKeyMode,
}), [apiKey, apiKeyMode, maxConcurrent, name, type, url]);
const handleSubmit = useCallback(async () => {
if (isSubmitting) return;
@@ -211,7 +150,7 @@ export function AddNodeModal({ isOpen, onClose, onSubmit, addToast }: AddNodeMod
</div>
<div className="modal-body add-node-modal__body">
<p className="add-node-modal__description">Provision a managed Docker node with guided defaults, then expand Advanced for host/TLS/env/mount overrides.</p>
<p className="add-node-modal__description">Register an existing Fusion node by providing its connection details and concurrency settings.</p>
<label className="add-node-modal__field">
<span>Name</span>
@@ -312,93 +251,6 @@ export function AddNodeModal({ isOpen, onClose, onSubmit, addToast }: AddNodeMod
{errors.maxConcurrent && <span className="form-error add-node-modal__error">{errors.maxConcurrent}</span>}
</label>
<div className="add-node-modal__row">
<label className="add-node-modal__field">
<span>CPU Limit</span>
<input
className="input"
type="number"
min={1}
step={0.5}
value={resourceCpus}
onChange={(event) => setResourceCpus(Number(event.target.value))}
disabled={isSubmitting}
/>
</label>
<label className="add-node-modal__field">
<span>Memory (MB)</span>
<input
className="input"
type="number"
min={512}
step={256}
value={resourceMemoryMb}
onChange={(event) => setResourceMemoryMb(Number(event.target.value))}
disabled={isSubmitting}
/>
</label>
</div>
<fieldset className="add-node-modal__fieldset">
<legend>Optional CLI Tools</legend>
<label className="checkbox-label">
<input
type="checkbox"
checked={includeClaudeCli}
onChange={(event) => setIncludeClaudeCli(event.target.checked)}
disabled={isSubmitting}
/>
<span>Claude CLI</span>
</label>
<label className="checkbox-label">
<input
type="checkbox"
checked={includeDroidCli}
onChange={(event) => setIncludeDroidCli(event.target.checked)}
disabled={isSubmitting}
/>
<span>Droid CLI</span>
</label>
</fieldset>
<label className="checkbox-label add-node-modal__storage-toggle">
<input
type="checkbox"
checked={persistentStorage}
onChange={(event) => setPersistentStorage(event.target.checked)}
disabled={isSubmitting}
/>
<span>Persistent storage (retain volumes on recreate/delete)</span>
</label>
<button type="button" className="btn btn-sm add-node-modal__advanced-btn" onClick={() => setShowAdvanced((current) => !current)}>
{showAdvanced ? "Hide Advanced" : "Show Advanced"}
</button>
{showAdvanced && (
<section className="add-node-modal__advanced" aria-label="Advanced Docker settings">
<label className="add-node-modal__field">
<span>Docker Host</span>
<input className="input" value={dockerHost} onChange={(event) => setDockerHost(event.target.value)} placeholder="unix:///var/run/docker.sock" disabled={isSubmitting} />
</label>
<label className="add-node-modal__field">
<span>Docker Context</span>
<input className="input" value={dockerContext} onChange={(event) => setDockerContext(event.target.value)} placeholder="default" disabled={isSubmitting} />
</label>
<label className="checkbox-label">
<input type="checkbox" checked={tlsVerify} onChange={(event) => setTlsVerify(event.target.checked)} disabled={isSubmitting} />
<span>TLS verify Docker daemon</span>
</label>
<label className="add-node-modal__field">
<span>Env Overrides (KEY=value per line)</span>
<textarea className="input add-node-modal__textarea" value={advancedEnv} onChange={(event) => setAdvancedEnv(event.target.value)} placeholder={"FUSION_LOG_LEVEL=debug\nNODE_OPTIONS=--max-old-space-size=2048"} disabled={isSubmitting} />
</label>
<label className="add-node-modal__field">
<span>Volume Mounts (host:container:mode per line)</span>
<textarea className="input add-node-modal__textarea" value={advancedMounts} onChange={(event) => setAdvancedMounts(event.target.value)} placeholder={"/srv/fusion:/data:rw\n/var/log/fusion:/logs:ro"} disabled={isSubmitting} />
</label>
</section>
)}
</div>
<div className="modal-actions">