npm - @burdenoff/microfe-vibecontrols - Versions diffs - 2026.511.1 - Mend

@burdenoff/microfe-vibecontrols 2026.511.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2254) hide show

package/dist/components/agents/AgentForm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AgentForm.js","names":[],"sources":["../../../src/components/agents/AgentForm.tsx"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n X,\n Eye,\n EyeOff,\n CheckCircle2,\n XCircle,\n Loader2,\n ChevronRight,\n ChevronLeft,\n Copy,\n Check,\n Terminal,\n Download,\n RefreshCw,\n Plus,\n} from 'lucide-react';\nimport { useProbeAgentTunnelLazyQuery } from '@/generated/wspace-operations';\nimport { SearchableSelect } from '@/components/shared';\nimport type { SearchableSelectOption } from '@/components/shared';\n\ntype WizardStage = 'details' | 'validate';\n\ninterface TargetOption {\n id: string;\n name: string;\n type: string;\n status: string;\n}\n\ninterface AgentFormProps {\n onSubmit: (data: Record<string, unknown>) => Promise<{ id: string } | void>;\n onCancel: () => void;\n isLoading?: boolean;\n /** Navigate to a path (used to go to agent details after creation) */\n onNavigate?: (path: string) => void;\n /** Available targets for the agent to be installed on */\n targets?: TargetOption[];\n /** Whether targets are still loading */\n targetsLoading?: boolean;\n /**\n * Create a new target inline. When provided, the form shows a\n * \"+ Create new target\" affordance that lets users create a DIRECT\n * target on the fly without leaving the dialog. Must return the new\n * target so the form can auto-select it.\n */\n onCreateTarget?: (name: string) => Promise<TargetOption | null>;\n}\n\nexport function AgentForm({\n onSubmit,\n onCancel,\n isLoading,\n onNavigate,\n targets,\n targetsLoading,\n onCreateTarget,\n}: AgentFormProps) {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n const [stage, setStage] = useState<WizardStage>('details');\n const [showApiKey, setShowApiKey] = useState(false);\n const [showInstallInstructions, setShowInstallInstructions] = useState(false);\n const [copiedCommand, setCopiedCommand] = useState<string | null>(null);\n\n // Stage 1: Basic details\n const [name, setName] = useState('');\n const [tunnelUrl, setTunnelUrl] = useState('');\n const [agentApiKey, setAgentApiKey] = useState('');\n const [selectedTargetId, setSelectedTargetId] = useState('');\n\n // Inline target creation state\n const [showInlineTarget, setShowInlineTarget] = useState(false);\n const [inlineTargetName, setInlineTargetName] = useState('');\n const [creatingTarget, setCreatingTarget] = useState(false);\n const [inlineTargetError, setInlineTargetError] = useState<string | null>(null);\n\n // Stage 2: Validation (via backend-proxied GraphQL query)\n const [validating, setValidating] = useState(false);\n const [healthResult, setHealthResult] = useState<{\n ok: boolean;\n data?: { status: string; version: string; uptime: number };\n error?: string;\n } | null>(null);\n const [identityResult, setIdentityResult] = useState<{\n ok: boolean;\n data?: { hostname: string; platform: string; arch: string };\n error?: string;\n } | null>(null);\n\n // Auto-detected fields (editable overrides)\n const [detectedHostname, setDetectedHostname] = useState('');\n const [detectedPlatform, setDetectedPlatform] = useState('linux');\n const [detectedArch, setDetectedArch] = useState('x86_64');\n const [detectedVersion, setDetectedVersion] = useState('1.0.0');\n\n // Error state for creation failures\n const [createError, setCreateError] = useState<string | null>(null);\n\n // Backend-proxied GraphQL operations (server-side agent communication)\n const [probeAgentTunnel] = useProbeAgentTunnelLazyQuery();\n\n const copyToClipboard = useCallback((text: string, id: string) => {\n navigator.clipboard.writeText(text);\n setCopiedCommand(id);\n setTimeout(() => setCopiedCommand(null), 2000);\n }, []);\n\n const normalizeUrl = (url: string) => {\n let u = url.trim();\n if (u.endsWith('/')) u = u.slice(0, -1);\n return u;\n };\n\n // Validate the agent via the backend GraphQL proxy.\n // The backend calls /health and /api/agent/identity on the tunnel URL\n // server-side, avoiding direct browser-to-agent HTTP calls.\n const validateAgent = async () => {\n const baseUrl = normalizeUrl(tunnelUrl);\n if (!baseUrl) return;\n\n setValidating(true);\n setHealthResult(null);\n setIdentityResult(null);\n\n try {\n const { data, error } = await probeAgentTunnel({\n variables: {\n url: baseUrl,\n agentApiKey: agentApiKey || undefined,\n },\n });\n\n if (error) {\n setHealthResult({ ok: false, error: error.message });\n setIdentityResult({ ok: false, error: error.message });\n setValidating(false);\n return;\n }\n\n const probe = data?.probeAgentTunnel;\n if (!probe) {\n setHealthResult({ ok: false, error: 'No response from probe' });\n setIdentityResult({ ok: false, error: 'No response from probe' });\n setValidating(false);\n return;\n }\n\n // Map health result\n if (probe.healthOk) {\n setHealthResult({\n ok: true,\n data: {\n status: probe.healthStatus || 'healthy',\n version: probe.agentVersion || 'unknown',\n uptime: probe.uptime || 0,\n },\n });\n if (probe.agentVersion) setDetectedVersion(probe.agentVersion);\n } else {\n setHealthResult({\n ok: false,\n error: probe.healthError || 'Health check failed',\n });\n }\n\n // Map identity result\n if (probe.identityOk) {\n const hostname = probe.hostname || '';\n const platform = probe.platform || 'linux';\n const arch = probe.architecture || 'x86_64';\n setIdentityResult({\n ok: true,\n data: { hostname, platform, arch },\n });\n if (hostname) setDetectedHostname(hostname);\n if (platform) setDetectedPlatform(platform);\n if (arch) setDetectedArch(arch);\n if (!name && hostname) setName(hostname);\n } else {\n setIdentityResult({\n ok: false,\n error: probe.identityError || 'Identity check failed',\n });\n }\n } catch (err) {\n const message = err instanceof Error ? err.message : 'Probe request failed';\n setHealthResult({ ok: false, error: message });\n setIdentityResult({ ok: false, error: message });\n }\n\n setValidating(false);\n };\n\n // Create the agent and close the modal\n const handleCreateAgent = async () => {\n setCreateError(null);\n\n const data: Record<string, unknown> = {\n name: name || detectedHostname || 'Unnamed Agent',\n hostname: detectedHostname || 'unknown',\n platform: detectedPlatform,\n architecture: detectedArch,\n version: detectedVersion,\n tunnelUrl: normalizeUrl(tunnelUrl),\n tunnelStatus: 'ACTIVE',\n agentApiKey,\n ...(selectedTargetId ? { targetId: selectedTargetId } : {}),\n };\n\n try {\n const result = await onSubmit(data);\n const newAgentId = result?.id || null;\n\n if (!newAgentId) {\n // Mutation succeeded but returned no agent ID — treat as failure\n setCreateError('Agent creation returned no ID. The agent may already exist.');\n return;\n }\n\n // Close the modal — the agent list will refetch automatically\n if (onNavigate) {\n onNavigate(`/agents/${newAgentId}`);\n } else {\n onCancel();\n }\n } catch (err) {\n const message = err instanceof Error ? err.message : 'Failed to create agent';\n setCreateError(message);\n }\n };\n\n const isValidationPassed = healthResult?.ok && identityResult?.ok;\n const hasTargets = targets && targets.length > 0;\n // The user must either pick or inline-create a target if inline creation\n // is enabled; otherwise we only require it when targets already exist.\n const targetRequiredButMissing = onCreateTarget\n ? selectedTargetId.length === 0\n : hasTargets && selectedTargetId.length === 0;\n const canProceedToValidate = tunnelUrl.trim().length > 0 && !targetRequiredButMissing;\n\n const handleInlineCreateTarget = useCallback(async () => {\n if (!onCreateTarget || !inlineTargetName.trim()) return;\n setCreatingTarget(true);\n setInlineTargetError(null);\n try {\n const created = await onCreateTarget(inlineTargetName.trim());\n if (created) {\n setSelectedTargetId(created.id);\n setShowInlineTarget(false);\n setInlineTargetName('');\n } else {\n setInlineTargetError(\n tr('agentsPage.inlineTargetFailed', 'Failed to create target. Please try again.')\n );\n }\n } catch (err) {\n setInlineTargetError(err instanceof Error ? err.message : 'Failed to create target');\n } finally {\n setCreatingTarget(false);\n }\n }, [onCreateTarget, inlineTargetName, tr]);\n\n const CopyButton = ({ text, id }: { text: string; id: string }) => (\n <button\n type=\"button\"\n onClick={() => copyToClipboard(text, id)}\n className=\"p-1 rounded hover:bg-bg-elevated transition-colors\"\n title={tr('agentsPage.copy', 'Copy')}\n >\n {copiedCommand === id ? (\n <Check className=\"w-3.5 h-3.5 text-status-success-text\" />\n ) : (\n <Copy className=\"w-3.5 h-3.5 text-text-secondary\" />\n )}\n </button>\n );\n\n // Stepper\n const steps = [\n { key: 'details', label: 'Setup' },\n { key: 'validate', label: 'Validate' },\n ];\n\n const currentStepIndex = steps.findIndex((s) => s.key === stage);\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay\">\n <div className=\"w-full max-w-xl bg-bg-surface rounded-lg shadow-xl max-h-[90vh] overflow-y-auto\">\n {/* Header */}\n <div className=\"flex items-center justify-between px-6 py-4 border-b border-border-default sticky top-0 bg-bg-surface z-10\">\n <h2 className=\"text-lg font-semibold text-text-primary\">\n {tr('agentsPage.addNewAgent', 'Add New Agent')}\n </h2>\n <button onClick={onCancel} className=\"p-1 rounded hover:bg-bg-sunken transition-colors\">\n <X className=\"w-5 h-5 text-text-secondary\" />\n </button>\n </div>\n\n {/* Stepper */}\n <div className=\"flex items-center gap-2 px-6 pt-4 pb-2\">\n {steps.map((step, i) => (\n <div key={step.key} className=\"flex items-center gap-2\">\n <div\n className={`flex items-center justify-center w-7 h-7 rounded-full text-xs font-semibold transition-colors ${\n i < currentStepIndex\n ? 'bg-status-success-bg text-status-success-text'\n : i === currentStepIndex\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-sunken text-text-secondary'\n }`}\n >\n {i < currentStepIndex ? <CheckCircle2 className=\"w-4 h-4\" /> : i + 1}\n </div>\n <span\n className={`text-sm ${i === currentStepIndex ? 'font-medium text-text-primary' : 'text-text-secondary'}`}\n >\n {step.label}\n </span>\n {i < steps.length - 1 && <ChevronRight className=\"w-4 h-4 text-text-muted\" />}\n </div>\n ))}\n </div>\n\n <div className=\"p-6\">\n {/* Stage 1: Setup */}\n {stage === 'details' && (\n <div className=\"space-y-4\">\n {/* Install instructions (collapsible) */}\n <div className=\"border border-border-default rounded-lg overflow-hidden\">\n <button\n type=\"button\"\n onClick={() => setShowInstallInstructions(!showInstallInstructions)}\n className=\"w-full flex items-center justify-between px-4 py-3 bg-bg-sunken hover:bg-bg-sunken/80 transition-colors\"\n >\n <div className=\"flex items-center gap-2\">\n <Download className=\"w-4 h-4 text-action-primary-bg\" />\n <span className=\"text-sm font-medium text-text-primary\">\n {tr('agentsPage.installInstructions', 'Agent Install Instructions')}\n </span>\n </div>\n <ChevronRight\n className={`w-4 h-4 text-text-secondary transition-transform ${showInstallInstructions ? 'rotate-90' : ''}`}\n />\n </button>\n {showInstallInstructions && (\n <div className=\"px-4 py-3 space-y-3 border-t border-border-default\">\n <div className=\"space-y-2\">\n {[\n {\n label: tr('agentsPage.installStep1', '1. Install the agent CLI'),\n cmd: 'npm install -g @vibecontrols/agent@latest',\n },\n {\n label: tr('agentsPage.installStep2', '2. Start the agent'),\n cmd: 'vibe start',\n },\n {\n label: tr('agentsPage.installStep3', '3. Get the API key'),\n cmd: 'vibe key',\n },\n {\n label: tr('agentsPage.installStep4', '4. Start the tunnel'),\n cmd: 'vibe tunnel agent --start',\n },\n ].map((step) => (\n <div key={step.cmd}>\n <p className=\"text-xs text-text-secondary mb-1\">{step.label}</p>\n <div className=\"flex items-center gap-2 bg-bg-sunken rounded-md px-3 py-1.5 font-mono text-xs text-text-primary\">\n <Terminal className=\"w-3 h-3 text-text-muted flex-shrink-0\" />\n <code className=\"flex-1\">{step.cmd}</code>\n <CopyButton text={step.cmd} id={step.cmd} />\n </div>\n </div>\n ))}\n </div>\n </div>\n )}\n </div>\n\n {/* Target Selection — with inline creation */}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('agentsPage.target', 'Target')}{' '}\n <span className=\"text-status-error-text\">*</span>\n </label>\n\n {hasTargets && !showInlineTarget && (\n <>\n <SearchableSelect\n placeholder={tr('agentsPage.selectTarget', 'Select a target...')}\n searchPlaceholder={tr('agentsPage.searchTargets', 'Search targets...')}\n options={(targets ?? []).map(\n (tgt): SearchableSelectOption => ({\n value: tgt.id,\n label: tgt.name,\n description: `${tgt.type}${tgt.status ? ` · ${tgt.status}` : ''}`,\n })\n )}\n value={selectedTargetId}\n onChange={setSelectedTargetId}\n clearable\n />\n <p className=\"mt-1 text-xs text-text-muted\">\n {tr(\n 'agentsPage.targetDescription',\n 'The target machine this agent will be installed on.'\n )}{' '}\n {onCreateTarget && (\n <button\n type=\"button\"\n onClick={() => {\n setShowInlineTarget(true);\n setInlineTargetName(name.trim() || '');\n }}\n className=\"text-action-primary-bg hover:underline inline-flex items-center gap-1\"\n >\n <Plus className=\"w-3 h-3\" />\n {tr('agentsPage.createNewTarget', 'Create a new target')}\n </button>\n )}\n </p>\n </>\n )}\n\n {/* Empty state prompt (no targets exist yet) */}\n {!hasTargets && !targetsLoading && onCreateTarget && !showInlineTarget && (\n <div className=\"p-3 bg-bg-sunken border border-border-default rounded-lg\">\n <p className=\"text-sm text-text-secondary mb-2\">\n {tr(\n 'agentsPage.noTargetsInlinePrompt',\n \"You don't have any targets yet. Create one now to install this agent on it.\"\n )}\n </p>\n <button\n type=\"button\"\n onClick={() => {\n setShowInlineTarget(true);\n setInlineTargetName(name.trim() || '');\n }}\n className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:opacity-90\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('agentsPage.createFirstTarget', 'Create first target')}\n </button>\n </div>\n )}\n\n {/* Inline creation form */}\n {showInlineTarget && onCreateTarget && (\n <div className=\"p-3 bg-bg-sunken border border-border-default rounded-lg space-y-2\">\n <p className=\"text-xs font-medium text-text-secondary\">\n {tr(\n 'agentsPage.newDirectTarget',\n 'New target (Direct — you can change the type later)'\n )}\n </p>\n <input\n type=\"text\"\n value={inlineTargetName}\n onChange={(e) => setInlineTargetName(e.target.value)}\n placeholder={tr('agentsPage.targetName', 'Target name')}\n className=\"w-full px-3 py-2 text-sm bg-bg-elevated border border-border-default rounded-md text-text-primary placeholder-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n autoFocus\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n void handleInlineCreateTarget();\n }\n }}\n />\n {inlineTargetError && (\n <p className=\"text-xs text-status-error-text\">{inlineTargetError}</p>\n )}\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n onClick={() => void handleInlineCreateTarget()}\n disabled={!inlineTargetName.trim() || creatingTarget}\n className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-action-primary-bg text-action-primary-text rounded-md hover:opacity-90 disabled:opacity-50\"\n >\n {creatingTarget ? (\n <Loader2 className=\"w-3.5 h-3.5 animate-spin\" />\n ) : (\n <Check className=\"w-3.5 h-3.5\" />\n )}\n {tr('agentsPage.create', 'Create')}\n </button>\n <button\n type=\"button\"\n onClick={() => {\n setShowInlineTarget(false);\n setInlineTargetName('');\n setInlineTargetError(null);\n }}\n className=\"px-3 py-1.5 text-sm text-text-secondary hover:text-text-primary\"\n >\n {tr('agentsPage.cancel', 'Cancel')}\n </button>\n </div>\n </div>\n )}\n\n {/* Loading placeholder */}\n {targetsLoading && !hasTargets && (\n <div className=\"p-3 bg-bg-sunken border border-border-default rounded-lg flex items-center gap-2 text-sm text-text-secondary\">\n <Loader2 className=\"w-4 h-4 animate-spin\" />\n {tr('agentsPage.loadingTargets', 'Loading targets...')}\n </div>\n )}\n </div>\n\n {/* API/Tunnel URL */}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('agentsPage.apiTunnelUrl', 'API / Tunnel URL')}{' '}\n <span className=\"text-status-error-text\">*</span>\n </label>\n <input\n type=\"url\"\n value={tunnelUrl}\n onChange={(e) => setTunnelUrl(e.target.value)}\n placeholder=\"https://your-tunnel.trycloudflare.com\"\n required\n className=\"w-full px-3 py-2 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono\"\n />\n <p className=\"mt-1 text-xs text-text-muted\">\n {tr(\n 'agentsPage.tunnelUrlHint',\n \"The agent's tunnel URL or local API URL (e.g. http://localhost:3005)\"\n )}\n </p>\n </div>\n\n {/* Agent API Key */}\n <div>\n <label className=\"block text-sm font-medium text-text-primary mb-1\">\n {tr('agentsPage.agentApiKey', 'Agent API Key')}{' '}\n <span className=\"text-status-error-text\">*</span>\n </label>\n <div className=\"relative\">\n <input\n type={showApiKey ? 'text' : 'password'}\n value={agentApiKey}\n onChange={(e) => setAgentApiKey(e.target.value)}\n placeholder=\"vcak_...\"\n required\n className=\"w-full px-3 py-2 pr-10 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg font-mono\"\n />\n <button\n type=\"button\"\n onClick={() => setShowApiKey(!showApiKey)}\n className=\"absolute right-2 top-1/2 -translate-y-1/2 p-1 rounded hover:bg-bg-elevated transition-colors\"\n >\n {showApiKey ? (\n <EyeOff className=\"w-4 h-4 text-text-secondary\" />\n ) : (\n <Eye className=\"w-4 h-4 text-text-secondary\" />\n )}\n </button>\n </div>\n <p className=\"mt-1 text-xs text-text-muted\">\n {tr('agentsPage.apiKeyHint', 'Run')}{' '}\n <code className=\"bg-bg-sunken px-1 rounded\">vibe key</code>{' '}\n {tr(\n 'agentsPage.apiKeyHintSuffix',\n 'on the agent to get this. Changes on restart.'\n )}\n </p>\n </div>\n\n {/* Actions */}\n <div className=\"flex items-center justify-between pt-4\">\n <button\n type=\"button\"\n onClick={onCancel}\n className=\"px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-md hover:bg-bg-elevated transition-colors\"\n >\n {tr('agentsPage.cancel', 'Cancel')}\n </button>\n <button\n type=\"button\"\n disabled={!canProceedToValidate}\n onClick={() => {\n setStage('validate');\n validateAgent();\n }}\n className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {tr('agentsPage.nextValidate', 'Next: Validate')}\n <ChevronRight className=\"w-4 h-4\" />\n </button>\n </div>\n </div>\n )}\n\n {/* Stage 2: Validate */}\n {stage === 'validate' && (\n <div className=\"space-y-4\">\n {/* Validation Results */}\n <div className=\"space-y-3\">\n {/* Health Check */}\n <div\n className={`flex items-center gap-3 p-3 rounded-lg border ${\n healthResult === null\n ? 'border-border-default bg-bg-sunken'\n : healthResult.ok\n ? 'border-status-success-text/20 bg-status-success-bg/30'\n : 'border-status-error-text/20 bg-status-error-bg/30'\n }`}\n >\n {validating && !healthResult ? (\n <Loader2 className=\"w-5 h-5 text-text-secondary animate-spin\" />\n ) : healthResult?.ok ? (\n <CheckCircle2 className=\"w-5 h-5 text-status-success-text\" />\n ) : healthResult ? (\n <XCircle className=\"w-5 h-5 text-status-error-text\" />\n ) : (\n <div className=\"w-5 h-5 rounded-full border-2 border-border-default\" />\n )}\n <div className=\"flex-1\">\n <p className=\"text-sm font-medium text-text-primary\">\n {tr('agentsPage.healthCheck', 'Health Check')}\n </p>\n {healthResult?.ok && healthResult.data && (\n <p className=\"text-xs text-text-secondary\">\n Status: {healthResult.data.status} | Version: {healthResult.data.version} |\n Uptime: {Math.round(healthResult.data.uptime)}s\n </p>\n )}\n {healthResult && !healthResult.ok && (\n <p className=\"text-xs text-status-error-text\">{healthResult.error}</p>\n )}\n </div>\n </div>\n\n {/* API Access Check */}\n <div\n className={`flex items-center gap-3 p-3 rounded-lg border ${\n identityResult === null\n ? 'border-border-default bg-bg-sunken'\n : identityResult.ok\n ? 'border-status-success-text/20 bg-status-success-bg/30'\n : 'border-status-error-text/20 bg-status-error-bg/30'\n }`}\n >\n {validating && !identityResult ? (\n <Loader2 className=\"w-5 h-5 text-text-secondary animate-spin\" />\n ) : identityResult?.ok ? (\n <CheckCircle2 className=\"w-5 h-5 text-status-success-text\" />\n ) : identityResult ? (\n <XCircle className=\"w-5 h-5 text-status-error-text\" />\n ) : (\n <div className=\"w-5 h-5 rounded-full border-2 border-border-default\" />\n )}\n <div className=\"flex-1\">\n <p className=\"text-sm font-medium text-text-primary\">\n {tr('agentsPage.apiAccess', 'API Access')}\n </p>\n {identityResult?.ok && identityResult.data && (\n <p className=\"text-xs text-text-secondary\">\n Host: {identityResult.data.hostname} | {identityResult.data.platform} /{' '}\n {identityResult.data.arch}\n </p>\n )}\n {identityResult && !identityResult.ok && (\n <p className=\"text-xs text-status-error-text\">{identityResult.error}</p>\n )}\n </div>\n </div>\n </div>\n\n {/* Retry button */}\n {!validating && (!healthResult?.ok || !identityResult?.ok) && (\n <button\n type=\"button\"\n onClick={validateAgent}\n className=\"flex items-center gap-2 px-3 py-1.5 text-sm text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-md transition-colors\"\n >\n <RefreshCw className=\"w-3.5 h-3.5\" />\n {tr('agentsPage.retryValidation', 'Retry validation')}\n </button>\n )}\n\n {/* Detected info (editable overrides) */}\n {isValidationPassed && (\n <div className=\"space-y-3 pt-2\">\n <p className=\"text-sm font-medium text-text-primary\">\n {tr('agentsPage.detectedAgentInfo', 'Detected Agent Info')}\n </p>\n\n <div>\n <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n {tr('agentsPage.name', 'Name')}\n </label>\n <input\n type=\"text\"\n value={name}\n onChange={(e) => setName(e.target.value)}\n placeholder={detectedHostname}\n className=\"w-full px-3 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n />\n </div>\n\n <div className=\"grid grid-cols-2 gap-3\">\n <div>\n <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n {tr('agentsPage.platform', 'Platform')}\n </label>\n <select\n value={detectedPlatform}\n onChange={(e) => setDetectedPlatform(e.target.value)}\n className=\"w-full px-3 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value=\"linux\">Linux</option>\n <option value=\"darwin\">macOS</option>\n <option value=\"windows\">Windows</option>\n </select>\n </div>\n <div>\n <label className=\"block text-xs font-medium text-text-secondary mb-1\">\n {tr('agentsPage.architecture', 'Architecture')}\n </label>\n <select\n value={detectedArch}\n onChange={(e) => setDetectedArch(e.target.value)}\n className=\"w-full px-3 py-1.5 text-sm bg-bg-sunken border border-border-default rounded-md text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n >\n <option value=\"x86_64\">x86_64</option>\n <option value=\"arm64\">arm64</option>\n <option value=\"aarch64\">aarch64</option>\n </select>\n </div>\n </div>\n </div>\n )}\n\n {/* Creation error */}\n {createError && (\n <div className=\"p-3 bg-status-error-bg/30 border border-status-error-text/20 rounded-lg\">\n <div className=\"flex items-center gap-2\">\n <XCircle className=\"w-5 h-5 text-status-error-text flex-shrink-0\" />\n <p className=\"text-sm text-status-error-text\">{createError}</p>\n </div>\n <div className=\"flex items-center gap-2 mt-3\">\n <button\n type=\"button\"\n onClick={() => {\n setCreateError(null);\n // Reset form to allow entering different credentials\n setStage('details');\n setTunnelUrl('');\n setAgentApiKey('');\n setHealthResult(null);\n setIdentityResult(null);\n }}\n className=\"flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-md hover:bg-bg-elevated transition-colors\"\n >\n <RefreshCw className=\"w-3.5 h-3.5\" />\n {tr('agentsPage.tryDifferentAgent', 'Try Different Agent')}\n </button>\n <button\n type=\"button\"\n onClick={onCancel}\n className=\"px-3 py-1.5 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors\"\n >\n {tr('agentsPage.close', 'Close')}\n </button>\n </div>\n </div>\n )}\n\n {/* Actions */}\n <div className=\"flex items-center justify-between pt-4\">\n <button\n type=\"button\"\n onClick={() => setStage('details')}\n className=\"flex items-center gap-1 px-4 py-2 text-sm font-medium text-text-primary bg-bg-sunken border border-border-default rounded-md hover:bg-bg-elevated transition-colors\"\n >\n <ChevronLeft className=\"w-4 h-4\" />\n {tr('agentsPage.back', 'Back')}\n </button>\n <button\n type=\"button\"\n disabled={!isValidationPassed || isLoading || validating}\n onClick={handleCreateAgent}\n className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors disabled:opacity-50\"\n >\n {isLoading ? (\n <>\n <Loader2 className=\"w-4 h-4 animate-spin\" />\n {tr('agentsPage.adding', 'Adding...')}\n </>\n ) : (\n <>\n {tr('agentsPage.addAgent', 'Add Agent')}\n <ChevronRight className=\"w-4 h-4\" />\n </>\n )}\n </button>\n </div>\n </div>\n )}\n </div>\n </div>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/agents/AgentList.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { Agent } from './types';
+interface AgentListProps {
+    agents: Agent[];
+    onSelect?: (agent: Agent) => void;
+    onStart?: (agent: Agent) => void;
+    onStop?: (agent: Agent) => void;
+    onDisconnect?: (agent: Agent) => void;
+    onSettings?: (agent: Agent) => void;
+    onCreateNew?: () => void;
+    isLoading?: boolean;
+    selectedIds?: Set<string>;
+    onToggleSelect?: (agentId: string) => void;
+    onSelectAll?: () => void;
+    onDeselectAll?: () => void;
+}
+export declare function AgentList({ agents, onSelect, onStart, onStop, onDisconnect, onSettings, onCreateNew, isLoading, selectedIds, onToggleSelect, onSelectAll, onDeselectAll, }: AgentListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentList.d.ts.map

package/dist/components/agents/AgentList.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AgentList.d.ts","sourceRoot":"","sources":["../../../src/components/agents/AgentList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAgCrC,UAAU,cAAc;IACtB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAuRD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,cAAc,EACd,WAAW,EACX,aAAa,GACd,EAAE,cAAc,2CAiIhB"}

package/dist/components/agents/AgentList.js ADDED Viewed

@@ -0,0 +1,333 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { EmptyState as t } from "../shared/EmptyState.js";
+import { AgentStatusBadge as n } from "./AgentStatusBadge.js";
+import { Clock as r, Link2Off as i, Play as a, Plus as o, Server as s, Settings as c, Square as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/agents/AgentList.tsx
+function p(e) {
+	return e.status ? e.status : e.isActive ? e.lastHeartbeat && Date.now() - new Date(e.lastHeartbeat).getTime() > 300 * 1e3 ? "DEGRADED" : "ACTIVE" : "OFFLINE";
+}
+function m(e) {
+	if (!e) return "Never";
+	let t = Date.now() - new Date(e).getTime();
+	return t < 6e4 ? "Just now" : t < 36e5 ? `${Math.floor(t / 6e4)}m ago` : t < 864e5 ? `${Math.floor(t / 36e5)}h ago` : `${Math.floor(t / 864e5)}d ago`;
+}
+var h = {
+	darwin: "🍎 macOS",
+	linux: "🐧 Linux",
+	windows: "🪟 Windows"
+};
+function g({ agent: e, onSelect: t, onStart: o, onStop: u, onDisconnect: g, onSettings: _, selected: v = !1, onToggleSelect: y }) {
+	return /* @__PURE__ */ f("div", {
+		className: `relative p-4 border border-border-default rounded-lg bg-bg-surface hover:bg-bg-sunken/50 cursor-pointer transition-colors ${v ? "ring-2 ring-action-primary-bg" : ""}`,
+		onClick: () => t?.(e),
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ f("div", {
+					className: "flex items-start gap-3 min-w-0 flex-1",
+					children: [
+						y && /* @__PURE__ */ d("button", {
+							onClick: (e) => {
+								e.stopPropagation(), y();
+							},
+							className: `w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors mt-0.5 ${v ? "bg-action-primary-bg border-action-primary-bg text-action-primary-text" : "border-border-default hover:border-border-strong bg-bg-surface"} flex items-center justify-center flex-shrink-0`,
+							children: v && /* @__PURE__ */ d("svg", {
+								className: "w-3 h-3",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								strokeWidth: 3,
+								children: /* @__PURE__ */ d("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M5 13l4 4L19 7"
+								})
+							})
+						}),
+						/* @__PURE__ */ d(s, { className: "w-5 h-5 text-text-secondary flex-shrink-0 mt-0.5" }),
+						/* @__PURE__ */ f("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ d("p", {
+								className: "text-sm font-medium text-text-primary truncate",
+								children: e.name
+							}), /* @__PURE__ */ d("p", {
+								className: "text-xs text-text-muted truncate",
+								children: e.hostname || e.id.slice(0, 8)
+							})]
+						})
+					]
+				}), /* @__PURE__ */ d(n, { status: p(e) })]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-text-secondary",
+				children: [
+					/* @__PURE__ */ d("span", { children: h[e.platform] || e.platform || "-" }),
+					/* @__PURE__ */ d("span", { children: e.architecture || "-" }),
+					/* @__PURE__ */ f("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ d(r, { className: "w-3 h-3" }), m(e.lastHeartbeat)]
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "mt-3 flex items-center gap-2 justify-end border-t border-border-subtle pt-3",
+				children: [
+					e.isActive && u && /* @__PURE__ */ d("button", {
+						onClick: (t) => {
+							t.stopPropagation(), u(e);
+						},
+						className: "p-2 rounded hover:bg-bg-sunken transition-colors",
+						title: "Stop",
+						children: /* @__PURE__ */ d(l, { className: "w-4 h-4 text-text-secondary" })
+					}),
+					!e.isActive && o && /* @__PURE__ */ d("button", {
+						onClick: (t) => {
+							t.stopPropagation(), o(e);
+						},
+						className: "p-2 rounded hover:bg-bg-sunken transition-colors",
+						title: "Start",
+						children: /* @__PURE__ */ d(a, { className: "w-4 h-4 text-text-secondary" })
+					}),
+					g && [
+						"ACTIVE",
+						"STOPPED",
+						"OFFLINE"
+					].includes(p(e)) && /* @__PURE__ */ d("button", {
+						onClick: (t) => {
+							t.stopPropagation(), g(e);
+						},
+						className: "p-2 rounded hover:bg-bg-sunken transition-colors",
+						title: p(e) === "OFFLINE" ? "Clear Connection" : "Disconnect",
+						"aria-label": p(e) === "OFFLINE" ? "Clear Connection" : "Disconnect",
+						children: /* @__PURE__ */ d(i, { className: "w-4 h-4 text-action-danger-text" })
+					}),
+					_ && /* @__PURE__ */ d("button", {
+						onClick: (t) => {
+							t.stopPropagation(), _(e);
+						},
+						className: "p-2 rounded hover:bg-bg-sunken transition-colors",
+						title: "Settings",
+						children: /* @__PURE__ */ d(c, { className: "w-4 h-4 text-text-secondary" })
+					})
+				]
+			})
+		]
+	});
+}
+function _({ agent: e, onSelect: t, onStart: o, onStop: u, onDisconnect: g, onSettings: _, selected: v = !1, onToggleSelect: y }) {
+	return /* @__PURE__ */ f("tr", {
+		className: `relative border-b border-border-subtle hover:bg-bg-sunken/50 cursor-pointer transition-colors ${v ? "bg-action-primary-bg/5" : ""}`,
+		onClick: () => t?.(e),
+		children: [
+			y && /* @__PURE__ */ d("td", {
+				className: "px-4 py-3 w-12",
+				children: /* @__PURE__ */ d("button", {
+					onClick: (e) => {
+						e.stopPropagation(), y();
+					},
+					className: `w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors ${v ? "bg-action-primary-bg border-action-primary-bg text-action-primary-text" : "border-border-default hover:border-border-strong bg-bg-surface"} flex items-center justify-center`,
+					children: v && /* @__PURE__ */ d("svg", {
+						className: "w-3 h-3",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						strokeWidth: 3,
+						children: /* @__PURE__ */ d("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M5 13l4 4L19 7"
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-3 min-w-0",
+					children: [/* @__PURE__ */ d(s, { className: "w-4 h-4 text-text-secondary shrink-0" }), /* @__PURE__ */ f("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ d("p", {
+							className: "text-sm font-medium text-text-primary truncate",
+							children: e.name
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xs text-text-muted truncate",
+							children: e.hostname || e.id.slice(0, 8)
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ d(n, { status: p(e) })
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ d("span", {
+					className: "text-sm text-text-secondary",
+					children: h[e.platform] || e.platform || "-"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ d("span", {
+					className: "text-sm text-text-secondary",
+					children: e.architecture || "-"
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-1.5 text-xs text-text-muted",
+					children: [/* @__PURE__ */ d(r, { className: "w-3 h-3" }), m(e.lastHeartbeat)]
+				})
+			}),
+			/* @__PURE__ */ d("td", {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex items-center gap-1 justify-end",
+					children: [
+						e.isActive && u && /* @__PURE__ */ d("button", {
+							onClick: (t) => {
+								t.stopPropagation(), u(e);
+							},
+							className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
+							title: "Stop",
+							children: /* @__PURE__ */ d(l, { className: "w-3.5 h-3.5 text-text-secondary" })
+						}),
+						!e.isActive && o && /* @__PURE__ */ d("button", {
+							onClick: (t) => {
+								t.stopPropagation(), o(e);
+							},
+							className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
+							title: "Start",
+							children: /* @__PURE__ */ d(a, { className: "w-3.5 h-3.5 text-text-secondary" })
+						}),
+						g && [
+							"ACTIVE",
+							"STOPPED",
+							"OFFLINE"
+						].includes(p(e)) && /* @__PURE__ */ d("button", {
+							onClick: (t) => {
+								t.stopPropagation(), g(e);
+							},
+							className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
+							title: p(e) === "OFFLINE" ? "Clear Connection" : "Disconnect",
+							"aria-label": p(e) === "OFFLINE" ? "Clear Connection" : "Disconnect",
+							children: /* @__PURE__ */ d(i, { className: "w-3.5 h-3.5 text-action-danger-text" })
+						}),
+						_ && /* @__PURE__ */ d("button", {
+							onClick: (t) => {
+								t.stopPropagation(), _(e);
+							},
+							className: "p-1.5 rounded hover:bg-bg-sunken transition-colors",
+							title: "Settings",
+							children: /* @__PURE__ */ d(c, { className: "w-3.5 h-3.5 text-text-secondary" })
+						})
+					]
+				})
+			})
+		]
+	});
+}
+function v({ agents: n, onSelect: r, onStart: i, onStop: a, onDisconnect: c, onSettings: l, onCreateNew: p, isLoading: m, selectedIds: h, onToggleSelect: v, onSelectAll: y, onDeselectAll: b }) {
+	let x = e(), S = h && n.length > 0 && h.size === n.length;
+	return !m && n.length === 0 ? /* @__PURE__ */ d(t, {
+		icon: /* @__PURE__ */ d(s, { className: "w-8 h-8 text-text-secondary" }),
+		title: x("vibecontrols.agents.emptyTitle", "No agents configured"),
+		description: x("vibecontrols.agents.emptyDescription", "Agents are the bridge between VibeControls and your development environments. Install an agent to get started."),
+		action: p && /* @__PURE__ */ f("button", {
+			onClick: p,
+			className: "inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors",
+			children: [/* @__PURE__ */ d(o, { className: "w-4 h-4" }), x("vibecontrols.agents.addAgent", "Add Agent")]
+		})
+	}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("div", {
+		className: "sm:hidden space-y-3",
+		children: [v && n.length > 0 && /* @__PURE__ */ d("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ d("button", {
+				onClick: () => S ? b?.() : y?.(),
+				className: "text-xs text-text-secondary hover:text-text-primary transition-colors",
+				children: S ? x("vibecontrols.agents.deselectAll", "Deselect All") : x("vibecontrols.agents.selectAll", "Select All")
+			})
+		}), n.map((e) => /* @__PURE__ */ d(g, {
+			agent: e,
+			onSelect: r,
+			onStart: i,
+			onStop: a,
+			onDisconnect: c,
+			onSettings: l,
+			selected: h?.has(e.id) ?? !1,
+			onToggleSelect: v ? () => v(e.id) : void 0
+		}, e.id))]
+	}), /* @__PURE__ */ d("div", {
+		className: "hidden sm:block border border-border-default rounded-lg overflow-hidden",
+		children: /* @__PURE__ */ d("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ f("table", {
+				className: "w-full",
+				children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
+					className: "bg-bg-sunken border-b border-border-default",
+					children: [
+						v && /* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 w-12",
+							children: /* @__PURE__ */ d("button", {
+								onClick: () => S ? b?.() : y?.(),
+								className: `w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors ${S ? "bg-action-primary-bg border-action-primary-bg text-action-primary-text" : "border-border-default hover:border-border-strong bg-bg-surface"} flex items-center justify-center`,
+								children: S && /* @__PURE__ */ d("svg", {
+									className: "w-3 h-3",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									strokeWidth: 3,
+									children: /* @__PURE__ */ d("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M5 13l4 4L19 7"
+									})
+								})
+							})
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: x("vibecontrols.agents.columnAgent", "Agent")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: x("vibecontrols.agents.columnStatus", "Status")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: x("vibecontrols.agents.columnPlatform", "Platform")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: x("vibecontrols.agents.columnArch", "Arch")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: x("vibecontrols.agents.columnLastHeartbeat", "Last Heartbeat")
+						}),
+						/* @__PURE__ */ d("th", {
+							className: "px-4 py-2.5 text-right text-xs font-medium text-text-secondary uppercase tracking-wider",
+							children: x("vibecontrols.agents.columnActions", "Actions")
+						})
+					]
+				}) }), /* @__PURE__ */ d("tbody", { children: n.map((e) => /* @__PURE__ */ d(_, {
+					agent: e,
+					onSelect: r,
+					onStart: i,
+					onStop: a,
+					onDisconnect: c,
+					onSettings: l,
+					selected: h?.has(e.id) ?? !1,
+					onToggleSelect: v ? () => v(e.id) : void 0
+				}, e.id)) })]
+			})
+		})
+	})] });
+}
+//#endregion
+export { v as AgentList };
+//# sourceMappingURL=AgentList.js.map

package/dist/components/agents/AgentList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AgentList.js","names":[],"sources":["../../../src/components/agents/AgentList.tsx"],"sourcesContent":["import type { Agent } from './types';\nimport { AgentStatusBadge } from './AgentStatusBadge';\nimport { EmptyState } from '../shared/EmptyState';\nimport { Server, Plus, Clock, Play, Square, Settings, Link2Off } from 'lucide-react';\nimport type { AgentStatus } from './types';\nimport { useTr } from '../../shared/hooks/useTr';\n\n/**\n * Derive agent status from agent properties\n */\nfunction getAgentStatus(agent: Agent): AgentStatus {\n if (agent.status) return agent.status;\n if (!agent.isActive) return 'OFFLINE';\n if (agent.lastHeartbeat) {\n const diff = Date.now() - new Date(agent.lastHeartbeat).getTime();\n if (diff > 5 * 60 * 1000) return 'DEGRADED';\n }\n return 'ACTIVE';\n}\n\n/**\n * Format a timestamp as a relative time string (e.g. \"5m ago\", \"2h ago\")\n */\nfunction formatLastHeartbeat(timestamp: string | null | undefined): string {\n if (!timestamp) return 'Never';\n const diff = Date.now() - new Date(timestamp).getTime();\n if (diff < 60000) return 'Just now';\n if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;\n if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;\n return `${Math.floor(diff / 86400000)}d ago`;\n}\n\ninterface AgentListProps {\n agents: Agent[];\n onSelect?: (agent: Agent) => void;\n onStart?: (agent: Agent) => void;\n onStop?: (agent: Agent) => void;\n onDisconnect?: (agent: Agent) => void;\n onSettings?: (agent: Agent) => void;\n onCreateNew?: () => void;\n isLoading?: boolean;\n selectedIds?: Set<string>;\n onToggleSelect?: (agentId: string) => void;\n onSelectAll?: () => void;\n onDeselectAll?: () => void;\n}\n\nconst platformLabels: Record<string, string> = {\n darwin: '🍎 macOS',\n linux: '🐧 Linux',\n windows: '🪟 Windows',\n};\n\n/**\n * Mobile card view for a single agent (used on small screens)\n */\nfunction AgentListCard({\n agent,\n onSelect,\n onStart,\n onStop,\n onDisconnect,\n onSettings,\n selected = false,\n onToggleSelect,\n}: {\n agent: Agent;\n onSelect?: (agent: Agent) => void;\n onStart?: (agent: Agent) => void;\n onStop?: (agent: Agent) => void;\n onDisconnect?: (agent: Agent) => void;\n onSettings?: (agent: Agent) => void;\n selected?: boolean;\n onToggleSelect?: () => void;\n}) {\n return (\n <div\n className={`relative p-4 border border-border-default rounded-lg bg-bg-surface hover:bg-bg-sunken/50 cursor-pointer transition-colors ${\n selected ? 'ring-2 ring-action-primary-bg' : ''\n }`}\n onClick={() => onSelect?.(agent)}\n >\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"flex items-start gap-3 min-w-0 flex-1\">\n {onToggleSelect && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onToggleSelect();\n }}\n className={`w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors mt-0.5 ${\n selected\n ? 'bg-action-primary-bg border-action-primary-bg text-action-primary-text'\n : 'border-border-default hover:border-border-strong bg-bg-surface'\n } flex items-center justify-center flex-shrink-0`}\n >\n {selected && (\n <svg\n className=\"w-3 h-3\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n strokeWidth={3}\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n </svg>\n )}\n </button>\n )}\n <Server className=\"w-5 h-5 text-text-secondary flex-shrink-0 mt-0.5\" />\n <div className=\"min-w-0 flex-1\">\n <p className=\"text-sm font-medium text-text-primary truncate\">{agent.name}</p>\n <p className=\"text-xs text-text-muted truncate\">\n {agent.hostname || agent.id.slice(0, 8)}\n </p>\n </div>\n </div>\n <AgentStatusBadge status={getAgentStatus(agent)} />\n </div>\n\n <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs text-text-secondary\">\n <span>{platformLabels[agent.platform] || agent.platform || '-'}</span>\n <span>{agent.architecture || '-'}</span>\n <span className=\"flex items-center gap-1\">\n <Clock className=\"w-3 h-3\" />\n {formatLastHeartbeat(agent.lastHeartbeat)}\n </span>\n </div>\n\n <div className=\"mt-3 flex items-center gap-2 justify-end border-t border-border-subtle pt-3\">\n {agent.isActive && onStop && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onStop(agent);\n }}\n className=\"p-2 rounded hover:bg-bg-sunken transition-colors\"\n title=\"Stop\"\n >\n <Square className=\"w-4 h-4 text-text-secondary\" />\n </button>\n )}\n {!agent.isActive && onStart && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onStart(agent);\n }}\n className=\"p-2 rounded hover:bg-bg-sunken transition-colors\"\n title=\"Start\"\n >\n <Play className=\"w-4 h-4 text-text-secondary\" />\n </button>\n )}\n {onDisconnect &&\n (['ACTIVE', 'STOPPED', 'OFFLINE'] as AgentStatus[]).includes(getAgentStatus(agent)) && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDisconnect(agent);\n }}\n className=\"p-2 rounded hover:bg-bg-sunken transition-colors\"\n title={getAgentStatus(agent) === 'OFFLINE' ? 'Clear Connection' : 'Disconnect'}\n aria-label={getAgentStatus(agent) === 'OFFLINE' ? 'Clear Connection' : 'Disconnect'}\n >\n <Link2Off className=\"w-4 h-4 text-action-danger-text\" />\n </button>\n )}\n {onSettings && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onSettings(agent);\n }}\n className=\"p-2 rounded hover:bg-bg-sunken transition-colors\"\n title=\"Settings\"\n >\n <Settings className=\"w-4 h-4 text-text-secondary\" />\n </button>\n )}\n </div>\n </div>\n );\n}\n\nfunction AgentRow({\n agent,\n onSelect,\n onStart,\n onStop,\n onDisconnect,\n onSettings,\n selected = false,\n onToggleSelect,\n}: {\n agent: Agent;\n onSelect?: (agent: Agent) => void;\n onStart?: (agent: Agent) => void;\n onStop?: (agent: Agent) => void;\n onDisconnect?: (agent: Agent) => void;\n onSettings?: (agent: Agent) => void;\n selected?: boolean;\n onToggleSelect?: () => void;\n}) {\n return (\n <tr\n className={`relative border-b border-border-subtle hover:bg-bg-sunken/50 cursor-pointer transition-colors ${\n selected ? 'bg-action-primary-bg/5' : ''\n }`}\n onClick={() => onSelect?.(agent)}\n >\n {onToggleSelect && (\n <td className=\"px-4 py-3 w-12\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n onToggleSelect();\n }}\n className={`w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors ${\n selected\n ? 'bg-action-primary-bg border-action-primary-bg text-action-primary-text'\n : 'border-border-default hover:border-border-strong bg-bg-surface'\n } flex items-center justify-center`}\n >\n {selected && (\n <svg\n className=\"w-3 h-3\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n strokeWidth={3}\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n </svg>\n )}\n </button>\n </td>\n )}\n <td className=\"px-4 py-3\">\n <div className=\"flex items-center gap-3 min-w-0\">\n <Server className=\"w-4 h-4 text-text-secondary shrink-0\" />\n <div className=\"min-w-0\">\n <p className=\"text-sm font-medium text-text-primary truncate\">{agent.name}</p>\n <p className=\"text-xs text-text-muted truncate\">\n {agent.hostname || agent.id.slice(0, 8)}\n </p>\n </div>\n </div>\n </td>\n <td className=\"px-4 py-3\">\n <AgentStatusBadge status={getAgentStatus(agent)} />\n </td>\n <td className=\"px-4 py-3\">\n <span className=\"text-sm text-text-secondary\">\n {platformLabels[agent.platform] || agent.platform || '-'}\n </span>\n </td>\n <td className=\"px-4 py-3\">\n <span className=\"text-sm text-text-secondary\">{agent.architecture || '-'}</span>\n </td>\n <td className=\"px-4 py-3\">\n <div className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n <Clock className=\"w-3 h-3\" />\n {formatLastHeartbeat(agent.lastHeartbeat)}\n </div>\n </td>\n <td className=\"px-4 py-3\">\n <div className=\"flex items-center gap-1 justify-end\">\n {agent.isActive && onStop && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onStop(agent);\n }}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n title=\"Stop\"\n >\n <Square className=\"w-3.5 h-3.5 text-text-secondary\" />\n </button>\n )}\n {!agent.isActive && onStart && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onStart(agent);\n }}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n title=\"Start\"\n >\n <Play className=\"w-3.5 h-3.5 text-text-secondary\" />\n </button>\n )}\n {onDisconnect &&\n (['ACTIVE', 'STOPPED', 'OFFLINE'] as AgentStatus[]).includes(getAgentStatus(agent)) && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDisconnect(agent);\n }}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n title={getAgentStatus(agent) === 'OFFLINE' ? 'Clear Connection' : 'Disconnect'}\n aria-label={getAgentStatus(agent) === 'OFFLINE' ? 'Clear Connection' : 'Disconnect'}\n >\n <Link2Off className=\"w-3.5 h-3.5 text-action-danger-text\" />\n </button>\n )}\n {onSettings && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onSettings(agent);\n }}\n className=\"p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n title=\"Settings\"\n >\n <Settings className=\"w-3.5 h-3.5 text-text-secondary\" />\n </button>\n )}\n </div>\n </td>\n </tr>\n );\n}\n\nexport function AgentList({\n agents,\n onSelect,\n onStart,\n onStop,\n onDisconnect,\n onSettings,\n onCreateNew,\n isLoading,\n selectedIds,\n onToggleSelect,\n onSelectAll,\n onDeselectAll,\n}: AgentListProps) {\n const tr = useTr();\n const isAllSelected = selectedIds && agents.length > 0 && selectedIds.size === agents.length;\n if (!isLoading && agents.length === 0) {\n return (\n <EmptyState\n icon={<Server className=\"w-8 h-8 text-text-secondary\" />}\n title={tr('vibecontrols.agents.emptyTitle', 'No agents configured')}\n description={tr(\n 'vibecontrols.agents.emptyDescription',\n 'Agents are the bridge between VibeControls and your development environments. Install an agent to get started.'\n )}\n action={\n onCreateNew && (\n <button\n onClick={onCreateNew}\n className=\"inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-action-primary-text bg-action-primary-bg rounded-md hover:bg-action-primary-bg-hover transition-colors\"\n >\n <Plus className=\"w-4 h-4\" />\n {tr('vibecontrols.agents.addAgent', 'Add Agent')}\n </button>\n )\n }\n />\n );\n }\n\n return (\n <>\n {/* Mobile: Card view */}\n <div className=\"sm:hidden space-y-3\">\n {/* Select All button for mobile */}\n {onToggleSelect && agents.length > 0 && (\n <div className=\"flex justify-end\">\n <button\n onClick={() => (isAllSelected ? onDeselectAll?.() : onSelectAll?.())}\n className=\"text-xs text-text-secondary hover:text-text-primary transition-colors\"\n >\n {isAllSelected\n ? tr('vibecontrols.agents.deselectAll', 'Deselect All')\n : tr('vibecontrols.agents.selectAll', 'Select All')}\n </button>\n </div>\n )}\n {agents.map((agent) => (\n <AgentListCard\n key={agent.id}\n agent={agent}\n onSelect={onSelect}\n onStart={onStart}\n onStop={onStop}\n onDisconnect={onDisconnect}\n onSettings={onSettings}\n selected={selectedIds?.has(agent.id) ?? false}\n onToggleSelect={onToggleSelect ? () => onToggleSelect(agent.id) : undefined}\n />\n ))}\n </div>\n\n {/* Desktop: Table view */}\n <div className=\"hidden sm:block border border-border-default rounded-lg overflow-hidden\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full\">\n <thead>\n <tr className=\"bg-bg-sunken border-b border-border-default\">\n {onToggleSelect && (\n <th className=\"px-4 py-2.5 w-12\">\n <button\n onClick={() => (isAllSelected ? onDeselectAll?.() : onSelectAll?.())}\n className={`w-5 h-5 min-w-[1.25rem] min-h-[1.25rem] rounded border transition-colors ${\n isAllSelected\n ? 'bg-action-primary-bg border-action-primary-bg text-action-primary-text'\n : 'border-border-default hover:border-border-strong bg-bg-surface'\n } flex items-center justify-center`}\n >\n {isAllSelected && (\n <svg\n className=\"w-3 h-3\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n strokeWidth={3}\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M5 13l4 4L19 7\" />\n </svg>\n )}\n </button>\n </th>\n )}\n <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agents.columnAgent', 'Agent')}\n </th>\n <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agents.columnStatus', 'Status')}\n </th>\n <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agents.columnPlatform', 'Platform')}\n </th>\n <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agents.columnArch', 'Arch')}\n </th>\n <th className=\"px-4 py-2.5 text-left text-xs font-medium text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agents.columnLastHeartbeat', 'Last Heartbeat')}\n </th>\n <th className=\"px-4 py-2.5 text-right text-xs font-medium text-text-secondary uppercase tracking-wider\">\n {tr('vibecontrols.agents.columnActions', 'Actions')}\n </th>\n </tr>\n </thead>\n <tbody>\n {agents.map((agent) => (\n <AgentRow\n key={agent.id}\n agent={agent}\n onSelect={onSelect}\n onStart={onStart}\n onStop={onStop}\n onDisconnect={onDisconnect}\n onSettings={onSettings}\n selected={selectedIds?.has(agent.id) ?? false}\n onToggleSelect={onToggleSelect ? () => onToggleSelect(agent.id) : undefined}\n />\n ))}\n </tbody>\n </table>\n </div>\n </div>\n </>\n );\n}\n"],"mappings":"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"}

package/dist/components/agents/AgentStatusBadge.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AgentStatus } from './types';
+export interface AgentStatusBadgeProps {
+    status: AgentStatus;
+    className?: string;
+}
+/**
+ * AgentStatusBadge - Display agent status with appropriate styling
+ */
+export declare const AgentStatusBadge: FC<AgentStatusBadgeProps>;
+//# sourceMappingURL=AgentStatusBadge.d.ts.map

package/dist/components/agents/AgentStatusBadge.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AgentStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/agents/AgentStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC"}

package/dist/components/agents/AgentStatusBadge.js ADDED Viewed

@@ -0,0 +1,43 @@
+import { useI18n as e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/agents/AgentStatusBadge.tsx
+var n = {
+	REGISTERING: {
+		label: "Registering",
+		color: "bg-status-info-bg text-status-info-text border-status-info-border"
+	},
+	ACTIVE: {
+		label: "Active",
+		color: "bg-status-success-bg text-status-success-text border-status-success-border"
+	},
+	STOPPED: {
+		label: "Stopped",
+		color: "bg-status-warning-bg text-status-warning-text border-status-warning-border"
+	},
+	IDLE: {
+		label: "Idle",
+		color: "bg-status-warning-bg text-status-warning-text border-status-warning-border"
+	},
+	DEGRADED: {
+		label: "Degraded",
+		color: "bg-status-warning-bg text-status-warning-text border-status-warning-border"
+	},
+	OFFLINE: {
+		label: "Offline",
+		color: "bg-bg-sunken text-text-secondary border-border-default"
+	},
+	DELETED: {
+		label: "Deleted",
+		color: "bg-status-error-bg text-status-error-text border-status-error-border"
+	}
+}, r = ({ status: r, className: i = "" }) => {
+	let { t: a } = e(), o = n[r];
+	return /* @__PURE__ */ t("span", {
+		className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border transition-colors duration-150 ${o.color} ${i}`,
+		children: o.label
+	});
+};
+//#endregion
+export { r as AgentStatusBadge };
+//# sourceMappingURL=AgentStatusBadge.js.map

package/dist/components/agents/AgentStatusBadge.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AgentStatusBadge.js","names":[],"sources":["../../../src/components/agents/AgentStatusBadge.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { FC } from 'react';\nimport type { AgentStatus } from './types';\n\nexport interface AgentStatusBadgeProps {\n status: AgentStatus;\n className?: string;\n}\n\nconst statusConfig: Record<AgentStatus, { label: string; color: string }> = {\n REGISTERING: {\n label: 'Registering',\n color: 'bg-status-info-bg text-status-info-text border-status-info-border',\n },\n ACTIVE: {\n label: 'Active',\n color: 'bg-status-success-bg text-status-success-text border-status-success-border',\n },\n STOPPED: {\n label: 'Stopped',\n color: 'bg-status-warning-bg text-status-warning-text border-status-warning-border',\n },\n IDLE: {\n label: 'Idle',\n color: 'bg-status-warning-bg text-status-warning-text border-status-warning-border',\n },\n DEGRADED: {\n label: 'Degraded',\n color: 'bg-status-warning-bg text-status-warning-text border-status-warning-border',\n },\n OFFLINE: {\n label: 'Offline',\n color: 'bg-bg-sunken text-text-secondary border-border-default',\n },\n DELETED: {\n label: 'Deleted',\n color: 'bg-status-error-bg text-status-error-text border-status-error-border',\n },\n};\n\n/**\n * AgentStatusBadge - Display agent status with appropriate styling\n */\nexport const AgentStatusBadge: FC<AgentStatusBadgeProps> = ({ status, className = '' }) => {\n const { t } = useI18n();\n const tr = (key: string, fallback: string) => {\n const v = t(key);\n return v === key ? fallback : v;\n };\n const config = statusConfig[status];\n\n return (\n <span\n className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium border transition-colors duration-150 ${config.color} ${className}`}\n >\n {config.label}\n </span>\n );\n};\n"],"mappings":";;;AASA,IAAM,IAAsE;CAC1E,aAAa;EACX,OAAO;EACP,OAAO;EACR;CACD,QAAQ;EACN,OAAO;EACP,OAAO;EACR;CACD,SAAS;EACP,OAAO;EACP,OAAO;EACR;CACD,MAAM;EACJ,OAAO;EACP,OAAO;EACR;CACD,UAAU;EACR,OAAO;EACP,OAAO;EACR;CACD,SAAS;EACP,OAAO;EACP,OAAO;EACR;CACD,SAAS;EACP,OAAO;EACP,OAAO;EACR;CACF,EAKY,KAA+C,EAAE,WAAQ,eAAY,SAAS;CACzF,IAAM,EAAE,SAAM,GAAS,EAKjB,IAAS,EAAa;AAE5B,QACE,kBAAC,QAAD;EACE,WAAW,iHAAiH,EAAO,MAAM,GAAG;YAE3I,EAAO;EACH,CAAA"}

package/dist/components/agents/OpenInBrowserEditorButton.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+export interface OpenInBrowserEditorButtonProps {
+    /** Agent tunnel URL (e.g. "https://xxx.trycloudflare.com") */
+    tunnelUrl: string | null;
+    /** Agent API key for authentication */
+    agentApiKey: string | null;
+    /** Directory to open as workspace root. Defaults to agent home if not set. */
+    workspacePath?: string;
+    /** How to open — new browser tab or call back with URL for iframe embedding */
+    mode?: 'newtab' | 'iframe';
+    /** Called with the ready URL when mode is 'iframe' */
+    onIframeUrl?: (url: string) => void;
+    /** Additional CSS class names */
+    className?: string;
+}
+export declare function OpenInBrowserEditorButton({ tunnelUrl, agentApiKey, workspacePath, mode, onIframeUrl, className, }: OpenInBrowserEditorButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OpenInBrowserEditorButton.d.ts.map

package/dist/components/agents/OpenInBrowserEditorButton.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OpenInBrowserEditorButton.d.ts","sourceRoot":"","sources":["../../../src/components/agents/OpenInBrowserEditorButton.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,uCAAuC;IACvC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,WAAW,EACX,aAAa,EACb,IAAe,EACf,WAAW,EACX,SAAS,GACV,EAAE,8BAA8B,2CAwJhC"}