Function SessionRow

ai-code-studio/src/components/SetupSidebar.tsx:48–107

({
  session,
  active,
  disabled,
  onClick,
  onDelete,
}: {
  session: SessionItem;
  active: boolean;
  disabled: boolean;
  onClick: () => void;
  onDelete: () => void;
})

}

function SessionRow({
  session,
  active,
  disabled,
  onClick,
  onDelete,
}: {
  session: SessionItem;
  active: boolean;
  disabled: boolean;
  onClick: () => void;
  onDelete: () => void;
}) {
  const showBadge = session.runStatus && session.runStatus !== 'idle';

  return (
    <div className="group relative">
      <button
        type="button"
        onClick={onClick}
        disabled={disabled}
        className={[
          'flex w-full items-start gap-3 rounded-xl px-3 py-2 pr-8 text-left text-[13px] transition-all',
          active ? 'bg-[#EFE8DD] text-[#241F17]' : 'text-[#4B4337] hover:bg-[#F1ECE3]',
          disabled ? 'cursor-not-allowed opacity-70' : '',
        ].join(' ')}
      >
        <span
          className={[
            'mt-1 h-2.5 w-2.5 rounded-full border border-[#B4A796] transition-colors',
            active ? 'bg-[#B4A796]' : 'bg-transparent',
          ].join(' ')}
        />
        <span className="min-w-0 flex-1">
          <span className="block truncate">{session.summary || 'claw-code 会话'}</span>
          {showBadge ? (
            <span
              className={[
                'mt-1 inline-flex rounded-full border px-2 py-0.5 text-[10px]',
                sessionRunTone(session.runStatus),
              ].join(' ')}
            >
              {labelForSessionRunStatus(session.runStatus)}
            </span>
          ) : null}
        </span>
      </button>
      {!disabled && (
        <button
          type="button"
          onClick={(e) => { e.stopPropagation(); onDelete(); }}
          className="absolute right-1.5 top-1/2 -translate-y-1/2 hidden items-center justify-center rounded-md p-1 text-[#A09382] transition-colors hover:bg-[#E5DCCD] hover:text-[#6B5E4F] group-hover:flex"
          title="删除会话"
        >
          <Trash2 size={13} />
        </button>
      )}
    </div>