mirror of
https://github.com/Studio-Saelix/sencho.git
synced 2026-08-24 17:06:34 +00:00
Anso
1f8ce773ff
* feat(ui): hide paid features from community-tier dashboard Community installs render only the features they can use. Tier-locked sections, lock badges, upsell cards, and "Upgrade" buttons no longer appear anywhere except the License page in Settings, which is the single discoverable upgrade path. Concretely: - PaidGate and AdmiralGate now render null for non-qualifying tiers instead of upsell cards. - SectionGate (settings) hides tier-locked sections entirely. - Settings sidebar and command palette filter out items the operator cannot reach. - Configuration Status widget on the dashboard drops the Automation section for community and hides any locked rows in remaining sections. - Fleet > Status node cards drop locked summary rows. - Stack action menu, sidebar bulk bar, file upload / download, scan comparison, network topology toggle, node label picker all hide for community instead of showing disabled affordances or "Upgrade" literal text. - Removes tierUpsell, TierLockChip, and useDismissalState (no longer referenced). Backend tier guards remain authoritative; this changes UI discovery only. * test(e2e): assert upload control is absent in community tier The community-clean-ui change removes the "Upgrade to unlock upload" pill from the file explorer. Update the matching e2e assertion to verify the upload control is not rendered, instead of waiting for a pill that no longer exists.
37 lines
1.5 KiB
TypeScript
37 lines
1.5 KiB
TypeScript
import { X } from 'lucide-react';
|
|
import { Button } from '@/components/ui/button';
|
|
import type { BulkAction } from '@/hooks/useBulkStackActions';
|
|
|
|
interface SidebarBulkBarProps {
|
|
selectedCount: number;
|
|
isPaid: boolean;
|
|
onAction: (action: BulkAction) => void;
|
|
onClear: () => void;
|
|
}
|
|
|
|
export function SidebarBulkBar({ selectedCount, isPaid, onAction, onClear }: SidebarBulkBarProps) {
|
|
return (
|
|
<div className="px-3 py-2 border-b border-glass-border bg-glass-highlight/20">
|
|
<div className="flex items-center justify-between mb-1.5">
|
|
<span className="font-mono text-[10px] text-brand tracking-[0.08em]">{selectedCount} selected</span>
|
|
<button
|
|
type="button"
|
|
onClick={onClear}
|
|
className="text-stat-icon hover:text-foreground transition-colors"
|
|
aria-label="Clear selection"
|
|
>
|
|
<X className="w-3.5 h-3.5" />
|
|
</button>
|
|
</div>
|
|
<div className="flex gap-1 flex-wrap">
|
|
<Button variant="outline" size="sm" className="h-6 px-2 text-[10px] font-mono" onClick={() => onAction('start')}>Start</Button>
|
|
<Button variant="outline" size="sm" className="h-6 px-2 text-[10px] font-mono" onClick={() => onAction('stop')}>Stop</Button>
|
|
<Button variant="outline" size="sm" className="h-6 px-2 text-[10px] font-mono" onClick={() => onAction('restart')}>Restart</Button>
|
|
{isPaid && (
|
|
<Button variant="outline" size="sm" className="h-6 px-2 text-[10px] font-mono" onClick={() => onAction('update')}>Update</Button>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|