mirror of
https://github.com/wu736139669/hapi.git
synced 2026-08-05 06:24:37 +00:00
chore: remove dead UI and agent entrypoints
This commit is contained in:
weishu
@@ -1,38 +0,0 @@
|
||||
import type { Machine } from '@/types/api'
|
||||
import { Card, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
|
||||
function getMachineTitle(machine: Machine): string {
|
||||
if (machine.metadata?.displayName) return machine.metadata.displayName
|
||||
if (machine.metadata?.host) return machine.metadata.host
|
||||
return machine.id.slice(0, 8)
|
||||
}
|
||||
|
||||
export function MachineList(props: {
|
||||
machines: Machine[]
|
||||
onSelect: (machineId: string) => void
|
||||
}) {
|
||||
return (
|
||||
<div className="flex flex-col gap-3 p-3">
|
||||
<div className="text-xs text-[var(--app-hint)]">
|
||||
{props.machines.length} online
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-3">
|
||||
{props.machines.map((m) => (
|
||||
<Card
|
||||
key={m.id}
|
||||
className="cursor-pointer"
|
||||
onClick={() => props.onSelect(m.id)}
|
||||
>
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle className="truncate">{getMachineTitle(m)}</CardTitle>
|
||||
<CardDescription className="truncate">
|
||||
{m.metadata?.platform ? m.metadata.platform : 'Unknown platform'}
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -1,239 +0,0 @@
|
||||
import { useDeferredValue, useEffect, useMemo, useState } from 'react'
|
||||
import type { ApiClient } from '@/api/client'
|
||||
import type { Machine } from '@/types/api'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { useMachinePathsExists } from '@/hooks/useMachinePathsExists'
|
||||
import { usePlatform } from '@/hooks/usePlatform'
|
||||
import { useSpawnSession } from '@/hooks/mutations/useSpawnSession'
|
||||
import { formatRunnerSpawnError } from '@/utils/formatRunnerSpawnError'
|
||||
import { useTranslation } from '@/lib/use-translation'
|
||||
|
||||
type SessionType = 'simple' | 'worktree'
|
||||
|
||||
function getMachineTitle(machine: Machine | null): string {
|
||||
if (!machine) return 'Machine'
|
||||
if (machine.metadata?.displayName) return machine.metadata.displayName
|
||||
if (machine.metadata?.host) return machine.metadata.host
|
||||
return machine.id.slice(0, 8)
|
||||
}
|
||||
|
||||
export function SpawnSession(props: {
|
||||
api: ApiClient
|
||||
machineId: string
|
||||
machine: Machine | null
|
||||
onSuccess: (sessionId: string) => void
|
||||
onCancel: () => void
|
||||
}) {
|
||||
const { haptic } = usePlatform()
|
||||
const { t } = useTranslation()
|
||||
const [directory, setDirectory] = useState('')
|
||||
const [sessionType, setSessionType] = useState<SessionType>('simple')
|
||||
const [worktreeName, setWorktreeName] = useState('')
|
||||
const [directoryCreationConfirmed, setDirectoryCreationConfirmed] = useState(false)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const { spawnSession, isPending, error: spawnError } = useSpawnSession(props.api)
|
||||
|
||||
const machineTitle = useMemo(() => getMachineTitle(props.machine), [props.machine])
|
||||
const runnerSpawnError = useMemo(
|
||||
() => formatRunnerSpawnError(props.machine),
|
||||
[props.machine?.runnerState?.lastSpawnError]
|
||||
)
|
||||
const trimmedDirectory = directory.trim()
|
||||
const deferredDirectory = useDeferredValue(trimmedDirectory)
|
||||
const pathsToCheck = useMemo(
|
||||
() => deferredDirectory ? [deferredDirectory] : [],
|
||||
[deferredDirectory]
|
||||
)
|
||||
const { pathExistence, checkPathsExists } = useMachinePathsExists(
|
||||
props.api,
|
||||
props.machineId,
|
||||
pathsToCheck
|
||||
)
|
||||
const currentDirectoryExists = trimmedDirectory ? pathExistence[trimmedDirectory] : undefined
|
||||
const needsDirectoryCreationWarning = sessionType === 'simple' && trimmedDirectory !== '' && currentDirectoryExists === false
|
||||
const missingWorktreeDirectory = sessionType === 'worktree' && trimmedDirectory !== '' && currentDirectoryExists === false
|
||||
const directoryStatusMessage = missingWorktreeDirectory
|
||||
? t('session.directoryMissingWorktree')
|
||||
: needsDirectoryCreationWarning
|
||||
? (
|
||||
directoryCreationConfirmed
|
||||
? t('session.directoryMissingSimpleConfirm')
|
||||
: t('session.directoryMissingSimple')
|
||||
)
|
||||
: null
|
||||
const createLabel = needsDirectoryCreationWarning && directoryCreationConfirmed
|
||||
? t('session.createAndCreateDirectory')
|
||||
: t('spawn.create')
|
||||
|
||||
useEffect(() => {
|
||||
setDirectoryCreationConfirmed(false)
|
||||
}, [props.machineId, sessionType, trimmedDirectory])
|
||||
|
||||
async function spawn() {
|
||||
if (!trimmedDirectory) return
|
||||
|
||||
setError(null)
|
||||
try {
|
||||
const existsResult = await checkPathsExists([trimmedDirectory])
|
||||
const directoryExists = existsResult[trimmedDirectory]
|
||||
|
||||
if (sessionType === 'worktree' && directoryExists === false) {
|
||||
haptic.notification('error')
|
||||
setError(t('session.directoryMissingWorktree'))
|
||||
return
|
||||
}
|
||||
|
||||
if (sessionType === 'simple' && directoryExists === false && !directoryCreationConfirmed) {
|
||||
setDirectoryCreationConfirmed(true)
|
||||
return
|
||||
}
|
||||
|
||||
const result = await spawnSession({
|
||||
machineId: props.machineId,
|
||||
directory: trimmedDirectory,
|
||||
sessionType,
|
||||
worktreeName: sessionType === 'worktree' ? (worktreeName.trim() || undefined) : undefined
|
||||
})
|
||||
if (result.type === 'success') {
|
||||
haptic.notification('success')
|
||||
props.onSuccess(result.sessionId)
|
||||
return
|
||||
}
|
||||
haptic.notification('error')
|
||||
setError(result.message)
|
||||
} catch (e) {
|
||||
haptic.notification('error')
|
||||
setError(e instanceof Error ? e.message : 'Failed to spawn session')
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="p-3">
|
||||
<Card>
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle>{t('spawn.title')}</CardTitle>
|
||||
<CardDescription className="truncate">
|
||||
{machineTitle}
|
||||
</CardDescription>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0">
|
||||
<div className="flex flex-col gap-3">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="/path/to/project"
|
||||
value={directory}
|
||||
onChange={(e) => setDirectory(e.target.value)}
|
||||
className="w-full rounded-md border border-[var(--app-border)] bg-[var(--app-bg)] p-2 text-sm focus:outline-none focus:ring-2 focus:ring-[var(--app-link)]"
|
||||
/>
|
||||
|
||||
{directoryStatusMessage ? (
|
||||
<div className={`rounded-md px-2 py-1 text-xs ${
|
||||
missingWorktreeDirectory
|
||||
? 'bg-red-50 text-red-600 dark:bg-red-900/20 dark:text-red-400'
|
||||
: 'bg-amber-500/10 text-[var(--app-hint)]'
|
||||
}`}>
|
||||
{directoryStatusMessage}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
<div className="flex flex-col gap-2">
|
||||
<label className="text-xs font-medium text-[var(--app-hint)]">
|
||||
Session type
|
||||
</label>
|
||||
<div className="flex flex-col gap-3 text-sm">
|
||||
{(['simple', 'worktree'] as const).map((type) => (
|
||||
<div key={type} className="flex flex-col gap-2">
|
||||
{type === 'worktree' ? (
|
||||
<div className="flex items-start gap-2">
|
||||
<input
|
||||
id="session-type-worktree"
|
||||
type="radio"
|
||||
name="sessionType"
|
||||
value="worktree"
|
||||
checked={sessionType === 'worktree'}
|
||||
onChange={() => setSessionType('worktree')}
|
||||
disabled={isPending}
|
||||
className="mt-1 accent-[var(--app-link)]"
|
||||
/>
|
||||
<div className="flex-1">
|
||||
<div className="min-h-[34px] flex items-center">
|
||||
{sessionType === 'worktree' ? (
|
||||
<input
|
||||
type="text"
|
||||
placeholder="feature-x (default 1228-xxxx)"
|
||||
value={worktreeName}
|
||||
onChange={(e) => setWorktreeName(e.target.value)}
|
||||
disabled={isPending}
|
||||
className="w-full rounded-md border border-[var(--app-border)] bg-[var(--app-bg)] px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-[var(--app-link)] disabled:opacity-60"
|
||||
/>
|
||||
) : (
|
||||
<label
|
||||
htmlFor="session-type-worktree"
|
||||
className="capitalize cursor-pointer"
|
||||
>
|
||||
Worktree
|
||||
</label>
|
||||
)}
|
||||
</div>
|
||||
<span className={`block text-xs text-[var(--app-hint)] ${sessionType === 'worktree' ? 'invisible' : ''}`}>
|
||||
Create a new worktree next to the repo
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
<label className="flex items-center gap-2 cursor-pointer min-h-[34px]">
|
||||
<input
|
||||
id="session-type-simple"
|
||||
type="radio"
|
||||
name="sessionType"
|
||||
value="simple"
|
||||
checked={sessionType === 'simple'}
|
||||
onChange={() => setSessionType('simple')}
|
||||
disabled={isPending}
|
||||
className="accent-[var(--app-link)]"
|
||||
/>
|
||||
<span className="capitalize">Simple</span>
|
||||
<span className="text-xs text-[var(--app-hint)]">
|
||||
Use the selected directory as-is
|
||||
</span>
|
||||
</label>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{runnerSpawnError ? (
|
||||
<div className="text-xs text-red-600">
|
||||
Runner last spawn error: {runnerSpawnError}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
{(error ?? spawnError) ? (
|
||||
<div className="text-sm text-red-600">
|
||||
{error ?? spawnError}
|
||||
</div>
|
||||
) : null}
|
||||
|
||||
<div className="flex gap-2">
|
||||
<Button
|
||||
variant="secondary"
|
||||
onClick={props.onCancel}
|
||||
disabled={isPending}
|
||||
>
|
||||
{t('spawn.cancel')}
|
||||
</Button>
|
||||
<Button
|
||||
onClick={spawn}
|
||||
disabled={isPending || !trimmedDirectory || missingWorktreeDirectory}
|
||||
>
|
||||
{isPending ? t('spawn.creating') : createLabel}
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -1,38 +0,0 @@
|
||||
import { useEffect, useRef, type RefObject } from 'react'
|
||||
|
||||
export function useScrollToBottom(
|
||||
deps: readonly unknown[],
|
||||
options?: { thresholdPx?: number }
|
||||
): RefObject<HTMLDivElement | null> {
|
||||
const containerRef = useRef<HTMLDivElement>(null)
|
||||
const stickToBottomRef = useRef(true)
|
||||
|
||||
useEffect(() => {
|
||||
const el = containerRef.current
|
||||
if (!el) return
|
||||
|
||||
const thresholdPx = options?.thresholdPx ?? 120
|
||||
|
||||
const onScroll = () => {
|
||||
const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight
|
||||
stickToBottomRef.current = distanceFromBottom < thresholdPx
|
||||
}
|
||||
|
||||
el.addEventListener('scroll', onScroll, { passive: true })
|
||||
onScroll()
|
||||
|
||||
return () => {
|
||||
el.removeEventListener('scroll', onScroll)
|
||||
}
|
||||
}, [options?.thresholdPx])
|
||||
|
||||
useEffect(() => {
|
||||
const el = containerRef.current
|
||||
if (!el) return
|
||||
if (!stickToBottomRef.current) return
|
||||
|
||||
el.scrollTo({ top: el.scrollHeight })
|
||||
}, deps)
|
||||
|
||||
return containerRef
|
||||
}
|
||||
Reference in New Issue
Block a user