Function ErrorPanel

dashboard/lib/primitives.tsx:24–48

({
  error,
  onRetry,
  className,
}: {
  error: string;
  onRetry?: () => void;
  className?: string;
})

/** Destructive-tinted alert with an optional Retry button. */
export function ErrorPanel({
  error,
  onRetry,
  className,
}: {
  error: string;
  onRetry?: () => void;
  className?: string;
}) {
  return (
    <div className={cn("tdp-error", className)} role="alert">
      <span className="tdp-error-text">{error}</span>
      {onRetry && (
        <Button
          size="sm"
          variant="destructive"
          onClick={onRetry}
          className="tdp-error-retry"
        >
          Retry
        </Button>
      )}
    </div>
  );
}

/** Muted, animated placeholder bars for loading states. */
export function SkeletonLines({