zhaolei/NetMesh
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[Init] Initial commit - NetMesh terminal manager
Some checks failed
build-packages / resolve bundled mosh-client (push) Has been cancelled
Details
build-packages / resolve bundled et-client (push) Has been cancelled
Details
build-packages / build-macos (push) Has been cancelled
Details
build-packages / build-windows (push) Has been cancelled
Details
build-packages / build-linux-x64 (push) Has been cancelled
Details
build-packages / build-linux-arm64 (push) Has been cancelled
Details
build-packages / release (push) Has been cancelled
Details
build-packages / update Nix release metadata (push) Has been cancelled
Details
build-packages / bump homebrew tap (push) Has been cancelled
Details
test / lint-and-test (push) Has been cancelled
Details
AI automation / Route event (push) Has been cancelled
Details
AI automation / Hand reopened issue to maintainers (push) Has been cancelled
Details
AI automation / Clean source issue state (push) Has been cancelled
Details
AI automation / Reconcile handoffs (push) Has been cancelled
Details
AI automation / Classify issue (push) Has been cancelled
Details
AI automation / Claude Code smoke (push) Has been cancelled
Details
AI automation / Review issue follow-up (push) Has been cancelled
Details
AI automation / Publish issue follow-up (push) Has been cancelled
Details
AI automation / Implement with Claude Code (push) Has been cancelled
Details
AI automation / Publish implement PR (push) Has been cancelled
Details
AI automation / Continue queued issue comments (push) Has been cancelled
Details
AI automation / Codex review loop (push) Has been cancelled
Details
AI automation / Publish Codex fix (push) Has been cancelled
Details
AI automation / Clear Codex dispatch marker (push) Has been cancelled
Details
AI automation / Own PR re-request Codex (push) Has been cancelled
Details
AI automation / External PR re-request Codex (push) Has been cancelled
Details
AI automation / Poll Codex reaction / retry (push) Has been cancelled
Details
build-et-binaries / build-linux-x64 (push) Has been cancelled
Details
build-et-binaries / build-linux-arm64 (push) Has been cancelled
Details
build-et-binaries / build-macos-universal (push) Has been cancelled
Details
build-et-binaries / build-windows-x64 (push) Has been cancelled
Details
build-et-binaries / release (push) Has been cancelled
Details

Browse Source
This commit is contained in:
zhaolei
2026-09-13 18:24:01 +08:00
commit 3c72efcb7f
3255 changed files with 907009 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

203
components/port-forwarding/RuleCard.tsx Normal file
View File

@@ -0,0 +1,203 @@
/**
* Port Forwarding Rule Card
* Displays a single port forwarding rule in grid or list view
*/
import { Copy,Loader2,Pencil,Play,Square,Trash2 } from 'lucide-react';
import React from 'react';
import { useI18n } from '../../application/i18n/I18nProvider';
import { Host, PortForwardingRule } from '../../domain/models';
import { cn } from '../../lib/utils';
import { Button } from '../ui/button';
import { ContextMenu,ContextMenuContent,ContextMenuItem,ContextMenuSeparator,ContextMenuTrigger } from '../ui/context-menu';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../ui/tooltip';
import { vaultEntityIconClass } from '../vault/VaultEntityIcon';
import { buildRuleSummary,getStatusColor,getTypeColor } from './utils';
export type ViewMode = 'grid' | 'list';
export interface RuleCardProps {
rule: PortForwardingRule;
host?: Host; // The relay host for this rule (for tooltip display)
viewMode: ViewMode;
isSelected: boolean;
isPending: boolean;
canStop: boolean;
reorderProps?: React.HTMLAttributes<HTMLDivElement>;
onSelect: () => void;
onEdit: () => void;
onDuplicate: () => void;
onDelete: () => void;
onStart: () => void;
onStop: () => void;
}
export const RuleCard: React.FC<RuleCardProps> = ({
rule,
host,
viewMode,
isSelected,
isPending,
canStop,
reorderProps,
onSelect,
onEdit,
onDuplicate,
onDelete,
onStart,
onStop,
}) => {
const { t } = useI18n();
const isActive = rule.status === 'active';
const isStoppable = canStop || rule.status === 'active' || rule.status === 'connecting';
// unknown/stale means we cannot trust inactive — do not offer Start until
// an authoritative snapshot confirms there is no runtime.
const isStartable = !isStoppable && (rule.status === 'inactive' || rule.status === 'error');
return (
<ContextMenu>
<ContextMenuTrigger>
<div
{...reorderProps}
className={cn(
reorderProps && "vault-drop-indicator-row",
"group cursor-pointer",
viewMode === 'grid'
? "soft-card elevate rounded-xl h-[68px] px-3 py-2"
: "h-14 px-3 py-2 hover:bg-secondary/60 rounded-lg transition-colors",
isSelected && "ring-2 ring-primary",
reorderProps?.className,
)}
onClick={onSelect}
>
<div className="flex items-center gap-3 h-full">
<div className={cn(
vaultEntityIconClass,
"text-sm font-bold transition-colors",
getTypeColor(rule.type, isActive)
)}>
{rule.type[0].toUpperCase()}
</div>
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2">
<span className="text-sm font-semibold truncate">{rule.label}</span>
{rule.status === 'error' && rule.error ? (
<Tooltip>
<TooltipTrigger asChild>
<span
className={cn(
"h-2 w-2 rounded-full flex-shrink-0 cursor-default",
getStatusColor(rule.status)
)}
/>
</TooltipTrigger>
<TooltipContent>{rule.error}</TooltipContent>
</Tooltip>
) : (
<span
className={cn(
"h-2 w-2 rounded-full flex-shrink-0",
getStatusColor(rule.status)
)}
/>
)}
</div>
<div className="flex items-center gap-2 text-[11px] text-muted-foreground">
<TooltipProvider delayDuration={300}>
<Tooltip>
<TooltipTrigger asChild>
<span className="truncate cursor-default">
{buildRuleSummary(t, rule)}
</span>
</TooltipTrigger>
<TooltipContent side="bottom" align="start" className="max-w-xs">
<div className="space-y-1 text-xs">
{host ? (
<>
<div className="font-medium">{t('pf.tooltip.relayHost')}</div>
<div>{t('pf.tooltip.hostLabel')}: {host.label}</div>
<div>{t('pf.tooltip.hostAddress')}: {host.username}@{host.hostname}:{host.port}</div>
</>
) : (
<div className="text-muted-foreground">{t('pf.tooltip.noHost')}</div>
)}
<div className="border-t border-border/40 pt-1 mt-1">
{rule.type === 'dynamic'
? t('pf.tooltip.dynamicDesc')
: rule.type === 'local'
? t('pf.tooltip.localDesc')
: t('pf.tooltip.remoteDesc')
}
</div>
</div>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</div>
<div className="flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
{isPending ? (
<Button
size="icon"
variant="ghost"
className="h-7 w-7"
disabled
>
<Loader2 size={12} className="animate-spin" />
</Button>
) : isStartable ? (
<Button
size="icon"
variant="ghost"
className="h-7 w-7"
onClick={(e) => {
e.stopPropagation();
onStart();
}}
>
<Play size={12} />
</Button>
) : isStoppable ? (
<Button
size="icon"
variant="ghost"
className="h-7 w-7"
onClick={(e) => {
e.stopPropagation();
onStop();
}}
>
<Square size={12} />
</Button>
) : null}
</div>
</div>
</div>
</ContextMenuTrigger>
<ContextMenuContent>
<ContextMenuItem onClick={onEdit}>
<Pencil className="mr-2 h-4 w-4" /> {t('action.edit')}
</ContextMenuItem>
<ContextMenuItem onClick={onDuplicate}>
<Copy className="mr-2 h-4 w-4" /> {t('action.duplicate')}
</ContextMenuItem>
<ContextMenuSeparator />
{isStartable && (
<ContextMenuItem onClick={onStart}>
<Play className="mr-2 h-4 w-4" /> {t('action.start')}
</ContextMenuItem>
)}
{isStoppable && (
<ContextMenuItem onClick={onStop}>
<Square className="mr-2 h-4 w-4" /> {t('action.stop')}
</ContextMenuItem>
)}
<ContextMenuSeparator />
<ContextMenuItem className="text-destructive" onClick={onDelete}>
<Trash2 className="mr-2 h-4 w-4" /> {t('action.delete')}
</ContextMenuItem>
</ContextMenuContent>
</ContextMenu>
);
};
export default RuleCard;